扶植版做出拓展版950通栏轮播效果无缝连接

     一、左侧栏和右侧栏各添加一个自定义区

     二、将如下代码分别复制到两个自定义区的源码编辑区内:

    1、右侧自定义区代码

       <DIV class="slider-promo J_Slider J_TWidget tb-    slide"style="RIGHT:200px; WIDTH:950px; HEIGHT: 450px"

data-widget-type="Slide" data-widget-config="{'effect':'fade',&#10;&#10;

'contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}">
<ul class="lst-main tb-slide-list" style="HEIGHT: 450px">
<li><A href="链接地址" target=_blank><img height=450 alt="" src="图片地址"></A>
<li><A href="链接地址" target=_blank><img height=450 alt="" src="图片地址"></A>
<li><A href="链接地址" target=_blank><img height=450 alt="" src="图片地址"></A>
<li><A href="链接地址" target=_blank><img height=450 alt="" src="图片地址"></A></li></ul><ul class=lst-trigger>
<li>1 <li>2 <li>3 <li>4</li></ul></DIV>

   

    2、左侧自定义区代码

       <DIV style="HEIGHT: 450px"></DIV>



详细步骤可参考:

http://hi.baidu.com/yangxiqin/item/d0bb8a0dfe240f12acdc705e

你可能感兴趣的:(图片轮播,扶植版大通栏)