A few days ago, a friend asked me to help me use dedecms to call pictures to realize the effect of Taobao product display. This address is an effect demonstration, and I feel that the effect is still OK. Share the demo source code belowhttp://pan.baidu.com/s/1oYEoR?。Everyone has seen the effect. Let me explain how to call it with dedecms.Dream Weaving CMS If there are pictures in the published document, the system defaults to the first thumbnail. Even if there are multiple pictures in your document, only one picture will be displayed. So how to call all pictures in the current document?
I made some attempts and found that I could use the following tag to call:
{dede:sql sql=”select * from dede_uploads where arcid = ~id~”}<img src=”[field:url/]” />{/dede:sql}
This is the code for dedecms to call all pictures in the current document. The code in the demo is as follows
<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>
还有什么明白的可以私聊我。网站首页有我在线联系方式。 济南大神欢迎您的咨询