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

效果图：

前端代码：

<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;

如图：

图集内容页模板标签写法

默认全部

{dede:productimagelist}

[field:imgsrc/]<br />

{/dede:productimagelist}

指定几个

{dede:productimagelist limit=2}

[field:imgsrc/]<br />

{/dede:productimagelist}

偏移几个

{dede:productimagelist limit=1,4}

[field:imgsrc/]<br />

{/dede:productimagelist}

显示效果如图

# 织梦CMS教程  # 织梦图集图片集标签调用图片+数字编号自增+第一个高亮+自定义limit  # 如图  # 图集  # 几个  # 织梦自增  # 织梦图集自增  # 织梦图集  # 北京搜索引擎seo  # 抚州网络营销与网络推广  # 紫薯推广营销方案设计  # 网站建设设计论文  # 竞价推广营销ck大将军-下拉4  # 百捷集团网站建设  # 福田产品网站推广方式  # 信阳网站建设小程序制作  # seo.qiyouyou.net  # 沈阳seo服务哪个好  # 盖亚seo  # 英文网站建设免费咨询  # 黑马工具Seo  # 婚庆行业公众号推广营销  # 外贸自建seo  # 有效的推广引流网站是指  # 精准网站推广电话  # 马鞍山市做网站优化价格  # 完成后  # 自定义  # 都有  # 第一个  # 可以用  # 可以看到  # 要先  # 要使  # 显示效果  # 小图  # 包头网站优化公司有哪些  # 必须要  # gt  # images  # jqzoom  # quot  # nbsp  # div  # 抖音营销推广找准隐迅推 

相关栏目： 【 Google疑问12 】 【 Facebook疑问10 】 【 网络优化91478 】 【 技术知识72672 】 【 云计算0 】 【 GEO优化84317 】 【 优选文章0 】 【 营销推广36048 】 【 网络运营41350 】 【 案例网站102563 】 【 AI智能45237 】

相关推荐： 建站10G流量真的够用吗？如何应对访问高峰？  织梦dedecms做到这几条安全设置，网站安全达到99%_织梦CMS教程  dedecms织梦点击数过千过万过亿写法_织梦CMS教程  织梦采集插件织梦采集侠v2.7完美破解版无限制版下载_织梦插件  如何快速登录WAP自助建站平台？  小型网站建站如何选择虚拟主机？  织梦dedecms留言板注入漏洞edit.inc.php修复方法_织梦CMS教程  织梦网站SEO优化之标题过长被截断解决方法_SEO优化教程  dedecms织梦ueditor百度编辑器整合七牛云支持支持图集_织梦插件  织梦添加一个函数，实现任意字段调用_织梦CMS教程  建站之星重装后如何自定义颜色与字体？  织梦dedecms搜索指定栏目文档方法_织梦CMS教程  phpcms建站内链乱码问题解决方法_PHPCMS教程  如何基于PHP生成高效IDC网络公司建站源码？  建站吧网站建设：自助建站与策划方案一站式指南  织梦dedecms文章arclist标签实现分页的教程_织梦CMS教程  织梦arclist标签实现分页的方法_织梦CMS教程  织梦后台直接添加会员功能开发方法_织梦CMS教程  dedecms织梦自带采集插件详细图文教程_织梦CMS教程  学校为何禁止电信移动建设网站？  如何快速建站并高效导出源代码？  建站VPS能否同时实现高效与安全翻墙？  织梦在PHP5.4以上版本后台登录空白的解决方法_织梦CMS教程  零服务器AI建站解决方案：快速部署与云端平台低成本实践  建站主机类型有哪些？如何正确选型  帝国CMS教程添加迅雷下载_帝国CMS教程  dedecms织梦搜索页有缩略图调用缩略图，无缩图则不显示缩略图_织梦CMS教程  dedecms织梦*幻灯片插件下载_织梦插件  建站之星CMS五站合一模板配置与SEO优化指南  建站ABC备案流程中有哪些关键注意事项？  如何选择美橙互联多站合一建站方案？  建站之星是否提供免费建站服务？  建站之星代理平台如何选择最佳方案？  孙琪峥织梦建站教程如何优化数据库安全？  建站主机助手选型指南：2025年热门推荐与高效部署技巧  织梦全站动静态一键设置插件_织梦插件  织梦dedecms手机搜索跳转到手机搜索模板教程_织梦CMS教程  如何在景安云服务器上绑定域名并配置虚拟主机？  如何有效防御Web建站篡改攻击？  如何在阿里云完成域名注册与建站？  织梦数据库实现调用*二级栏目及下三级栏目方法_织梦CMS教程  如何通过山东自助建站平台快速注册域名？  建站主机SSH密钥生成步骤及常见问题解答？  存储型VPS适合搭建中小型网站吗？  织梦列表页调用会员任意字段信息教程_织梦CMS教程  如何用低价快速搭建高质量网站？  如何在万网利用已有域名快速建站？  建站主机与服务器功能差异如何区分？  织梦dedecms软件模型增加图集功能教程_织梦CMS教程  织梦提示信息提示框美化教程_织梦CMS教程 

 2019-06-01