Dedecms图集实现每张图片自定义输出不同样式

在内容页中，如果需要对图集的每一张图片进行不同的HTML输出，除了使用CSS和JavaScript实现外，还可以通过PHP数组结合运行代码的方式完成自定义输出。这种方法可以灵活地根据图片顺序应用不同的HTML结构。

以下是具体的实现步骤：

效果

通过修改相关文件，可以让图集中的每张图片按照预设的规则生成不同的HTML标签，从而达到更加个性化的展示效果。

修改教程

首先，找到文件：
路径为：\\\\include\\\\taglib\\\\productimagelist.lib.php

在该文件中定位以下代码段：


foreach($images as $row)
{
    // 中间省略...
}

将其替换为以下代码：


$GLOBALS['autoindex'] = 1;
foreach($images as $row) {
    $row['autoindex'] = $GLOBALS['autoindex'];
    foreach($ctp->CTags as $tagid => $ctag) {
        if($ctag->GetName() == 'array') {
            $ctp->Assign($tagid, $row);
        } else {
            if(isset($row[$ctag->GetName()])) {
                $ctp->Assign($tagid, $row[$ctag->GetName()]);
            }
        }
    }
    $revalue .= $ctp->GetResult();
    $GLOBALS['autoindex']++;
}

接下来，在内容页中添加图集标签如下：


{dede:productimagelist} 
[field:array runphp=yes] 
if(@me['autoindex'] == 1) { 
    @me = "{@me['autoindex']} – \\n"; 
} elseif(@me['autoindex'] == 2) { 
    @me = "{@me['autoindex']} – \\n"; 
} elseif(@me['autoindex'] == 3) { 
    @me = "{@me['autoindex']} – \\n"; 
} else { 
    @me = "{@me['autoindex']} – \\n"; 
} 
[/field:array] 
{/dede:productimagelist}

对于更复杂的布局需求，可以采用以下写法：


 
{dede:productimagelist} 
[field:array runphp=yes] 
if(@me['autoindex'] == 2) { 
    @me = "
  "; 
} else { 
    @me = ""; 
} 
[/field:array] 
{/dede:productimagelist} 
 
{dede:productimagelist} 
[field:array runphp=yes] 
if(@me['autoindex'] == 3) { 
    @me = "
 "; 
} elseif(@me['autoindex'] == 4) { 
    @me = "
 "; 
} else { 
    @me = ""; 
} 
[/field:array] 
{/dede:productimagelist}

通过上述方法，您可以轻松实现图集中每张图片的个性化输出。这种方法不仅提高了页面的灵活性，还增强了用户体验。

推荐阅读