淘宝图片轮播的效果

  • 格式:txt
  • 大小:2.28 KB
  • 文档页数:1

想让你的淘宝旺铺扶植版也有图片轮播的效果吗,很简单把下面淘宝扶植版轮播代码添加进旺铺扶植版的“图片轮播”模块,但如果我们要象淘宝首页,淘宝社区首页里面在某个局部区域实现图片轮播的功能可以吗?也许又有朋友会想到做成gif动画图片也可实现,但我要问,如果有很多张图片轮播岂不是要制成一个很大的动画,这样又会影响网页打开的速度。

下面图片轮播代码中

之间的代码为用户可以自定义修改的部分,为轮播的图片地址和超级连接地址信息。


  • 中的“/201011/30/90221245122.jpg为图片地址。 淘巧好,好淘巧

    第四行style="height:400px;" data-widget-config中的400px为图片高度设置




    注意事项:




    (1)轮播的几个图片一定要大小相同。




    (2)适用范围:淘宝扶持版店铺、淘宝标准版旺铺、淘宝旗舰版旺铺、淘宝拓展版旺铺、淘宝商城。

















    • 1

    • 2

    • 3

    内容来自taoqao




    ——————————华丽的分割线——————————

    WIDTH:指图片的长 HEIGHT:图片的高 内容来自taoqao

    a href="超级链接地址" target="_blank在心的窗口打开

    img border="0" 图片的边框有无/"1"现实边框 "2"隐藏边框 src="图片地址" 换成自己的就OK了 内容来自taoqao

  • 1
  • 2
  • 3
  • 代表图片的数量,如果想添加4个就在写一个
  • 4





  • 就可以了


    ——————————华丽的分割线——————————





    用这种js图片轮播可以节省自定义模块,还提供了页面的访问速度 本文来自淘巧

    宽度和高度都是随意修改的想加几个就加几个,只要不超过20K都可以




    喜欢可以试一试哦~绝对是经典必备!!

    本篇文章来源于 淘巧网Taoqao| 原文链接:/taobaodaxue/taobaozhuangxiu/20110318/9017.html

    下载文档原格式

      / 1
    1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
    2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
    3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。