在织梦DedeCMS中，调用文章缩略图的宽度和高度是一个重要的功能，尤其是在网站设计和优化过程中，本文将详细阐述几种方法来实现这一功能，并提供相关的FAQs。

### 方法一：使用系统内置标签

DedeCMS提供了一些内置标签来调用文章的缩略图及其尺寸，以下是常用的标签及其说明：

| 标签名称 | 描述 |

|||

| {dede:field name=’litpic’/} | 调用文章的缩略图 |

| {dede:field name=’litpicwidth’/} | 获取缩略图的宽度 |

| {dede:field name=’litpictureight’/} | 获取缩略图的高度 |

#### 示例代码：

“`html

“`

### 方法二：使用自定义函数

如果内置标签不能满足需求，可以通过自定义函数来实现更复杂的功能，可以编写一个PHP函数来动态调整图片的尺寸，并调用该函数显示图片。

1. 在模板文件中添加以下代码：

“`php

function thumbImage($thumb, $width, $height) {

if (file_exists($thumb)) {

list($twidth, $theight, $type) = getimagesize($thumb);

if ($twidth > $width || $theight > $height) {

$newImage = imagecreatetruecolor($width, $height);

if ($type == 1) { // GIF

$srcImage = imagecreatefromgif($thumb);

} elseif ($type == 2) { // JPEG

$srcImage = imagecreatefromjpeg($thumb);

} elseif ($type == 3) { // PNG

$srcImage = imagecreatefrompng($thumb);

}

imagecopyresampled($newImage, $srcImage, 0, 0, 0, 0, $width, $height, $twidth, $theight);

switch ($type) {

case 1:

header(‘ContentType: image/gif’);

imagegif($newImage, $thumb);

break;

case 2:

header(‘ContentType: image/jpeg’);

imagejpeg($newImage, $thumb);

break;

case 3:

header(‘ContentType: image/png’);

imagepng($newImage, $thumb);

break;

}

imagedestroy($newImage);

}

}

return $thumb;

?>

“`

2. 在HTML部分使用如下代码：

“`html

“`

### 方法三：CSS控制尺寸

通过CSS样式来控制图片的显示尺寸也是一种简便的方法，这种方法不修改图片的实际尺寸，而是通过CSS进行视觉上的调整。

#### 示例代码：

“`html

“`

### 方法四：JavaScript动态调整尺寸

可以使用JavaScript在前端动态调整图片的尺寸，这种方法适用于需要在页面加载后根据某些条件调整图片尺寸的场景。

#### 示例代码：

“`html

“`

### 相关问答 FAQs

#### 问题一：如何在DedeCMS中设置默认的缩略图？

**答**：在DedeCMS后台，进入“系统” > “基本参数” > “附件基本设置”，在这里可以设置默认的缩略图路径，当文章没有指定缩略图时，系统会自动使用这个默认缩略图。

#### 问题二：如何确保缩略图按比例缩放？

**答**：确保缩略图按比例缩放可以在CSS中设置`height: auto;`，或在使用PHP处理图片时，保持宽高比例不变，具体可以参考方法二中的`imagecopyresampled`函数。