电子商务吧 关注:828,434贴子:3,955,458
  • 6回复贴,共1

【淘宝分享】首页轮番大图

只看楼主收藏回复



IP属地:陕西1楼2014-09-17 13:16回复
    自己装修店铺的时候,看见别的店铺这样的大图是不是很羡慕呢,其实我们自己也可以做的。


    IP属地:陕西本楼含有高级字体2楼2014-09-17 13:22
    回复
      我做的图片大小是1920*600,自己先做好图片,然后上传到淘宝图片空间


      IP属地:陕西3楼2014-09-17 13:23
      回复
        <div class="J_TWidget" data-widget-config="{&quot;effect&quot;: &quot;fade&quot;, &quot;circular&quot;: true ,&quot;contentCls&quot;:&quot;tanchudiv1406683230&quot;}" data-widget-type="Tabs" style="height:590px;overflow:hidden;"> <div class="tanchudiv1406683230" style="height:600px;"> <div class="footer-more-trigger" style="width:1920px;height:600px;top:auto;padding:0px;border:none;left:50%;"> <div class="footer-more-trigger" style="width:1920px;height:600px;padding:0px;border:none;left:-960px;"> <div data-widget-config="{&quot;contentCls&quot;: &quot;wenyukun1406683230&quot;,&quot;navCls&quot;: &quot;wenyukuncom1406683230&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeOutStrong&quot;,&quot;prevBtnCls&quot;:&quot;prev&quot;,&quot;nextBtnCls&quot;:&quot;next&quot;,&quot;autoplay&quot;: true,&quot;viewSize&quot;:[1920],&quot;circular&quot;: true,&quot;activeTriggerCls&quot;: &quot;arrow-d&quot;}" data-widget-type="Carousel" class="J_TWidget"> <div class="J_TWidget" data-widget-config="{&quot;trigger&quot;:&quot;.kun1920&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.kun1920&quot;,&quot;offset&quot;:[-400,0],&quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;]}}" data-widget-type="Popup" style="display:none;"> <div class="prev" style="font-size:100px;cursor:pointer;"><img src="箭头左"></div> </div> <div class="J_TWidget" data-widget-config="{&quot;trigger&quot;:&quot;.kun1920&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.kun1920&quot;,&quot;offset&quot;:[400,0],&quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;]}}" data-widget-type="Popup" style="display:none;"> <div class="next" style="font-size:100px;cursor:pointer;"><img src="箭头右"></div>
        </div> <div style="height:600px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="kun1920"> <ul class="wenyukun1406683230" style="height:600px;width:1920px;padding:0px;margin:0px;"> <li style="width:1920px;height:600px;padding:0px;margin:0px;"><a target="_blank" href="淘宝链接" style="padding:0px;margin:0px;"><img src="图片链接" width="1920px" height="600px" border="0px"></a></li><li style="width:1920px;height:600px;padding:0px;margin:0px;"><a target="_blank" href="淘宝链接" style="padding:0px;margin:0px;"><img src="图片链接" width="1920px" height="600px" border="0px"></a></li><li style="width:1920px;height:600px;padding:0px;margin:0px;"><a target="_blank" href="淘宝链接" style="padding:0px;margin:0px;"><img src="图片链接" width="1920px" height="600px" border="0px"></a></li> </ul> </div> <div class="footer-more-trigger" style="padding:0px;border:none;left:50%;display:none;"> <div class="footer-more-trigger" style="width:1920px;height:45px;padding:0px;border:none;left:-960px;top:555px;"> <ul class="wenyukuncom1406683230" style="width:950px;height:45px;margin:0 auto;text-align: center;border:none;"> <li class="arrow-d" style="display: inline;background:none;margin: 0 5px;cursor:pointer;padding-top:10px;line-height:36px;"><img src="图片链接" width="115px" height="36px" ></li><li style="display: inline;background:none;margin: 0 5px;cursor:pointer;padding-top:10px;line-height:36px;"><img src="图片链接" width="115px" height="36px" ></li><li style="display: inline;background:none;margin: 0 5px;cursor:pointer;padding-top:10px;line-height:36px;"><img src="图片链接" width="115px" height="36px" ></li> </ul> </div> </div> </div> </div> </div> </div> <ul class="ks-switchable-nav" style="display:none;"></ul> </div>


        IP属地:陕西4楼2014-09-17 13:24
        回复
          然后上面这是首页轮番代码


          IP属地:陕西5楼2014-09-17 13:24
          回复
            淘宝链接的地方熟自己的淘宝店铺网址:http://********.taobao.com这样的格式
            图片链接当然是自己做的图片的链接喽,上面是3张大图的轮番代码,
            箭头左,箭头右,是箭头图片的图片链接哈


            IP属地:陕西本楼含有高级字体6楼2014-09-17 13:27
            回复


              箭头图片~当然也可以自己PS做


              IP属地:陕西本楼含有高级字体7楼2014-09-17 13:28
              回复