前几天一个朋友让我帮忙用dedecms调用下图片实现淘宝产品展示的效果,这个地址是效果演示,感觉效果还是可以的。下面分享下demo源码http://pan.baidu.com/s/1oYEoR?。效果大家都看了,下面我说下用dedecms怎么调用。织梦CMS如果发布的文档中的有图片,那么系统默认缩略图为第一张,即使你的文档中有多张图片,也只显示一张,那么如何调用当前文档中的所有图片呢?
我作了一些尝试,发现可以使用下面的标签进行调用:
{dede:sql sql="select * from dede_uploads where arcid = ~id~"}<img src="[field:url/]" />{/dede:sql}
这是dedecms调用当前文档中所有图片的代码。demo中的代码如下
<div id=spec-list>
<ul>
<li><img src="img1/001.jpg"> </li>
<li><img src="img1/002.jpg"> </li>
<li><img src="img1/003.jpg"> </li>
<li><img src="img1/004.jpg"> </li>
<li><img src="img1/005.jpg"> </li>
<li><img src="img1/006.jpg"> </li>
<li><img src="img1/007.jpg"> </li>
<li><img src="img1/008.jpg"> </li>
<li><img src="img1/010.jpg"> </li>
<li><img src="img1/009.jpg"> </li>
</ul>
</div>
只要将<li><img src="img1/001.jpg"> </li>
<li><img src="img1/002.jpg"> </li>
<li><img src="img1/003.jpg"> </li>
<li><img src="img1/004.jpg"> </li>
<li><img src="img1/005.jpg"> </li>
<li><img src="img1/006.jpg"> </li>
<li><img src="img1/007.jpg"> </li>
<li><img src="img1/008.jpg"> </li>
<li><img src="img1/010.jpg"> </li>
<li><img src="img1/009.jpg"> </li>
换成{dede:sql sql="select * from dede_uploads where arcid = ~id~"}<li><img src="[field:url/]" /></li>{/dede:sql}即可,我已经测试过很给力。至于默认的打开页面的那个大图也就是这段代码
<div id=spec-n1 onClick="window.open('#')">
<IMG width=350 height=340 src="img1/001.jpg" jqimg="img1/001.jpg" >
</div> 直接用dedecms 调用文档的缩略图。代码如下<div id=spec-n1 onClick="window.open('#')"> <IMG ?width=350 height=340 src="{dede:field.litpic /}"jqimg="{dede:field.litpic /}" > </div>
还有什么明白的可以私聊我。网站首页有我在线联系方式。 济南大神欢迎您的咨询
文章评论