华仔博客

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

dedecms仿淘宝产品显示效果

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

2023.5.23福利Disney+账号raulola@gmail.com密码secambiodenuevo20关注公众号Happynolimits

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

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

点赞
< 上一篇
下一篇 >

文章评论

取消回复
广告
搜索
最新 热点 随机
最新 热点 随机
长空之王云盘分享 阿诺施瓦辛格第一部电视剧《面目全非FUBAR》云盘分享 闪电侠第九季云盘分享 速度与激情10云盘分享 永生战士2022 灌篮高手电影粤语版云盘分享 超级马力欧兄弟大电影云盘分享 银河护卫队3百度云盘阿里云盘 漫长的季节阿里云盘 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介绍 Yelp数据提取器 Tradeindia数据提取器 领英LinkedIn数据提取器 Justdial数据提取器 谷歌地图数据提取器 Facebook数据提取器 公司数据提取器 Bing地图数据提取器 怒呛人生阿里云盘 谋杀疑案2阿里云盘 疾速追杀4阿里云盘 泰坦第四季第二部分阿里云盘
银河护卫队3百度云盘阿里云盘超级马力欧兄弟大电影云盘分享阿诺施瓦辛格第一部电视剧《面目全非FUBAR》云盘分享灌篮高手电影粤语版云盘分享永生战士2022速度与激情10云盘分享闪电侠第九季云盘分享长空之王云盘分享
这就是生活_备案那点事 页面价值的研究重点内容 营销魔术师的最新举动......震撼了100万营销人 iPhone5来了你会买吗 ecshop商品详情页显示4个同类别下的推荐商品 百度站长平台高端SEO俱乐部第一期沙龙活动整理分享 长空之王云盘分享 好消息,好消息8月10号lee重出江湖为站长解答问题 如何增强执行力将推广方法用到极致? 弱弱的说说近期各大网站改版 软文营销的关键环节有哪些? Semrush团购账号 seo博客_原创文章的几个小技巧 GSA Search Engine Ranker搜索引擎提交服务推荐 seo博客_seoer能干什么,干什么才能赚到钱 Tradeindia数据提取器 seo工具_无忧帐号管理软件 灌篮高手电影粤语版云盘分享 mysql 5.5 数据库主从同步教程 为给父母省10万择校费,13岁宁夏女孩自杀 是谁写错了新闻标题,刘洋到底生没生过孩子。。。6月21号更新 如何将你裂变与转换的效率提升10倍 医疗seoer对站内优化的总结 网站静态Html怎么更新点击 北京seo_如何设置网站301重定向 谷歌SEO关键词调研工具SEMRUSH如何使用 centos7 mysql5.7安装教程 谷歌feedburner邮件订阅详细介绍 如何通过诱导点击策略做SEO排名? discuz rss全文输出教程

© 2012-2023 sem-home.com.版权所有.友情链接:章丘新闻

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

京ICP备12020022号