织梦图集图片集标签调用图片+数字编号自增

网站建设 2022-07-27 08:12www.1681989.com免费网站
前台效果 伸手党直接下载覆盖文件即可使用 gbk/utf8 链接: https://pan.baidu./s/1wXzk1UY846agqxjkus-6YA 提取码: 3atb 前端代码 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) clas […]



前台效果

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

链接: https://pan.baidu./s/1wXzk1UY846agqxjkus-6YA 提取码: 3atb 

前端代码

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

Copyright © 2016-2025 www.1681989.com 推火网 版权所有 Power by