1. SEO优化_织梦仿站[低至599]_网络营销推广服务-一秒搜 > SEO优化 > SEO技巧 > >

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

前台效果

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

本地下载
网盘下载

前端代码

<div class="jqzoom" id="spec-n1"><img src="/images/1.jpg"></div><div id="spec-n5"><div id="spec-list"><ul class="list-h"><li id="img0" onmouseover="thisimg(0)" class="current"><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,而且第一个有高亮的class="current",所以要先让织梦程序的图集标签能输出自增数字 0 1 2 3 ...

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

$ctp->LoadSource($innerText);

在它下面加入

$GLOBALS['autoindex'] = 0;

继续找到

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

在它下面加入

$GLOBALS['autoindex']++;

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

<div class="jqzoom" 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 class="list-h">{dede:productimagelist}<li id="img[field:global name=autoindex/]" onmouseover="thisimg([field:global name=autoindex/])"[field:global name=autoindex runphp=yes](@me==0)? @me=' class="current"':@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}

显示效果如图

免责声明:本文由 一秒搜在https://www.1miaoseo.com发布,不代表SEO优化_织梦仿站[低至599]_网络营销推广服务-一秒搜立场。

本站所发布文章和图片均来自用户分享和网络收集,https://www.1miaoseo.com/seojc/seojq_1376.html文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。