织梦图集图片集标签调用图片+数字编号自增+第一个高亮+自定义limit

   

前台效果

伸手党直接下载覆盖文件即可使用 gbk/utf8

本地下载

网盘下载

前端代码

<div  id=\"spec-n1\"><img src=\"/images/1.jpg\"></div>
<div id=\"spec-n5\">
	<div id=\"spec-list\">
		<ul >
			<li id=\"img0\" onmouseover=\"thisimg(0)\" ><img alt=\"产品注释1\" src=\"/images/1.jpg\"></li>
			<li id=\"img1\" onmouseover=\"thisimg(1)\"><img alt=\"产品注释2\" src=\"/images/2.jpg\"></li>
			<li id=\"img2\" onmouseover=\"thisimg(2)\"><img alt=\"产品注释3\" src=\"/images/3.jpg\"></li>
			<li id=\"img3\" onmouseover=\"thisimg(3)\"><img alt=\"产品注释4\" src=\"/images/4.jpg\"></li>
			<li id=\"img4\" onmouseover=\"thisimg(4)\"><img alt=\"产品注释5\" src=\"/images/5.jpg\"></li>
		</ul>
	</div>
</div>

1、从上面前端代码我们可以看到默认显示图片集第1个图片，我们可以用{dede:field name=imgurls row=1}{/dede:field}

图集选项-表现方式，选择幻灯片样式，不然上面的 {dede:field name=imgurls row=1} 无效

2、下面的小图每个li里面都有不同的自增id和自增thisimg，而且第一个有高亮的，所以要先让织梦程序的图集标签能输出自增数字 0 1 2 3 …

打开 /include/taglib/productimagelist.lib.php 文件 找到

$ctp->LoadSource($innerText);

在它下面加入

$GLOBALS[\'autoindex\'] = 0;

继续找到

$revalue .= $ctp->GetResult();

在它下面加入

$GLOBALS[\'autoindex\']++;

修改完成后，上面的模板前端代码就这样写标签嵌套了

<div  id=\"spec-n1\"><img src=\"{dede:field name=imgurls alt=图片输出区 row=1}[field:imgsrc/]{/dede:field}\"></div>
<div id=\"spec-n5\">
	<div id=\"spec-list\">
		<ul >
			{dede:productimagelist}
			<li id=\"img[field:global name=autoindex/]\" onmouseover=\"thisimg([field:global name=autoindex/])\"[field:global name=autoindex runphp=yes](@me==0)? @me=\' \':@me=\'\';[/field:global]><img alt=\"[field:text/]\" src=\"[field:imgsrc/]\"></li>
			{/dede:productimagelist}
		</ul>
	</div>
</div>

自定义limit指定几个、偏移几个

要使用limit自定义输出偏移的图集图片，必须要参考上面的第2步加入$GLOBALS[\’autoindex\’]

然后继续在 /include/taglib/productimagelist.lib.php 文件 找到

$attlist=\"desclen|80\";

改成

$attlist=\"desclen|80,limit|\";

如图

继续找到

foreach($images as $row)

在它的前面加入

$limit = trim(preg_replace(\'#limit#is\',\'\',$limit));
if($limit!=\'\')
{
	if(preg_match(\'#,#\', $limit))
	{
		$limitarr = explode(\",\", $limit);
		$lmt = $limitarr[0];
		$num = $limitarr[1];
	}
	else
	{
		$lmt = 0;
		$num = $limit;
	}
	$images = array_slice($images,$lmt);
}

继续找到

foreach($ctp->CTags as $tagid=>$ctag)

在它上面加入

if($limit!=\'\' && $GLOBALS[\'autoindex\'] == $num) break;

如图

图集内容页模板标签写法

<h2>默认全部</h2>
{dede:productimagelist}
[field:imgsrc/]<br />
{/dede:productimagelist}

<h2>指定几个</h2>
{dede:productimagelist limit=\'2\'}
[field:imgsrc/]<br />
{/dede:productimagelist}

<h2>偏移几个</h2>
{dede:productimagelist limit=\'1,4\'}
[field:imgsrc/]<br />
{/dede:productimagelist}

显示效果如图