帝国CMS图片集展示效果优化：提升视觉体验的实用技巧

本文实例讲述了帝国CMS修改图片集展示效果的方法。分享给大家供大家参考。具体步骤如下：

1、进入后台——模板——标签模板——管理标签模板，修改“图片集分页模板”中的“页面模板内容”，全部清除，只保留“[!--smalldh--]”

2、打开e/class/t_functions.php找到//图库模型分页标签

代码如下:

$sdh.=$nbsp."<a href='#ecms' onclick='GotoPhPage(".$j.");' title='".$picname."'><img src='".$smallpic."' 
alt='".$picname."' border=0".$gs."></a>";
if($i==0)
{
$firstpic=$showpic;
}
$rstr.="photosr[".$j."]=\"".addslashes($showpic)."\";
";
$optionstr.="<option value=".$j.">第 ".$j." 页</option>";
$titleoption.="<option value=".$j.">".$j."、".$picname."</option>";
$listpage.=$nbsp."<a href='#ecms' onclick='GotoPhPage(".$j.");' title='".$picname."'>".$j."</a>";
$nbsp="&nbsp;";

推荐学习《帝国cms教程》

这段代码,改成下面这一段:

代码如下:

$sdh.=$nbsp.'<li><img src="'.$smallpic.'" alt="'.$picname.'" /></li>';
if($i==0)
{
$firstpic=$showpic;
}
$rstr.="photosr[".$j."]=\"".addslashes($showpic)."\";
";
$optionstr.="<option value=".$j.">第 ".$j." 页</option>";
$titleoption.="<option value=".$j.">".$j."、".$picname."</option>";
$listpage.=$nbsp."<a rel='example_group' href='#ecms' onclick='GotoPhPage(".$j.");' title='".$picname."'>".$j."</a>";

这样在内容页显示的结果为：

代码如下:

<li><a href="图片地址.jpg" title="图片一"><img src="图片地址.jpg" alt="图片一" /></a></li>

具体的样式，你可以在样式表自己去编写，如何表现，得靠你自己。

这样做的好处是：

1、前端生成的代码，符合标准了，原来的是href=''现在则是href=""
2、您可以自己去选择一些特效去实现图片集的功能，比如说“fancybox”，而不需要用默认的很丑的特效。

希望本文所述对大家的帝国CMS建站有所帮助。