华仔博客

  • 首页
  • seo
  • 网站建设
  • 工具资源
  • 生活
  • 程序开发
  • 网上那点事
  • 网络营销
华仔博客
一个经验分享的博客
  1. 首页
  2. 程序开发
  3. 正文

dedecms仿淘宝产品显示效果

2013年11月12日 6520点热度 0人点赞 0条评论

前几天一个朋友让我帮忙用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>

还有什么明白的可以私聊我。网站首页有我在线联系方式。 济南大神欢迎您的咨询

 

标签: dedecms仿淘宝产品展示
最后更新:2018年12月29日

admin

这个人很懒,什么都没留下

点赞
< 上一篇
下一篇 >

文章评论

取消回复
广告
搜索
最新 热点 随机
最新 热点 随机
WhatsApp收不到验证码、一小时死循环现在可付费接码 win7惠普m227fdw打印机扫描仪不能用解决办法 WordPress教程-WordPress撰写设置 GTranslate3.04翻译插件不工作的原因找到了 WordPress教程-WordPress常规设置 wordpress教程-WordPress 安装 WordPress教程-WordPress概述 wordpress 导入word文档插件Seraphinite Post .DOCX Source 谷歌SEO的页面标题和元描述的长度多长最合适? 如何利用wordpress编辑网站页面 Hitpaw watermark remover去图片视频水印神器 WordPress博客页面和文章 如何充分利用您的 SEMrush 帐户 什么是 Robots.txt 文件以及Robots.txt 文件如何工作 ? WordPress列表页分页制作教程 youtube视频响应式插件Simple YouTube Responsive WordPress文章页添加展开/收缩功能 WordPress栏目调用去掉Ul标签 WordPress如何调用置顶文章 如何使用奈飞Netflix cookies登录奈飞Netflix GSA Search Engine Ranker项目屏幕 GSA Search Engine Ranker内容创建服务推荐 GSA Search Engine Ranker 仿写服务推荐 GSA Search Engine Ranker电子邮件账户推荐 GSA Search Engine Ranker搜索引擎提交服务推荐 GSA Search Engine Ranker索引服务推荐 GSA Search Engine Ranker验证码服务推荐 GSA Search Engine Ranker代理服务推荐 GSA Search Engine Ranker介绍 ChatGPT for Wechat-在微信上使用ChatGPT
这就是生活_备案那点事 北京seo再解nofollow属性的链接 centos7下apache安装以及自动启动 Netflix奈飞,HBO Max,Disney+账号会员免费分享 牛哥原创:新浪微博比腾讯微博火原因(好友牛海标写的) 如果当年你要是这么跟我说了我可能就考上哈佛大学了。 如何使用奈飞Netflix cookies登录奈飞Netflix 北京seo带你了解百度ping服务 网站必备神器,页面即时QQ提取并发起会话发送邮件 北京seo_dedecmsURL的优化 seo介绍下自媒体平台对于SEO的作用 北京seo成功申请搜外专栏 传统制造业开展SEO 普遍存在的四大问题 将dedecms文章同步到新浪微博 (转载)如何正确使用微同步来更新微博 你若不离不弃,我必生死相依(雅安地震爱情集锦) 北京seo介绍下对于网店里的图片优化技巧 不错的生活_感谢近期在百度知道里给我发链接的朋友谢谢 seo博客_robots.txt真的不管用,亲请看图 GSA Search Engine Ranker项目屏幕 H7N9来了,元芳,你怎么看? apache双机搭建高可用负载均衡 seo博客_什么是404页面及怎么制作404页面 医疗网络营销如何差异化 360搜索独立域名今天正式上线了 wordpress 导入word文档插件Seraphinite Post .DOCX Source seo博客_seo寻找资源的方法终极解密 谷歌SEO的页面标题和元描述的长度多长最合适? seo工具_史上最好用的网站地图生成工具 WordPress教程-WordPress撰写设置

© 2012-2025 sem-home.com.版权所有.

主题KRATOS貌似作者网站打不开了,就没加,嗯就这样

京ICP备12020022号