phpcms 调用手机版双图轮播

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_39702981/article/details/81868231

        <div id="zjhyBox" class="zjhyBox fix">
            <div class="bd fix"> 
                
            {pc:content action="position" posid="2"  moreinfo="1" catid="62" order="listorder DESC" }
            {php $i=0}
            {loop $data $r}
            {if $i%2==0}
             <ul>
            
            {/if}

            <li>
                <a href="">                       
                    <img src="{$r[thumb]}" alt="{$r[title]}" title="{$r[title]}" width="100%" height="200px" data-bd-imgshare-binded="1"/>
                </a>
            </li>
            {if $i%2==1}
             </ul>
            {/if}
            
            {$i++}
            {/loop}
            
            {if $i%2==0} 
             </ul>
            {/if}
            {/pc}     
                
            </div>
            <div class="hd">

                <ul></ul> 
   
            </div>
        </div><!-- zjhyBox E -->
        <script type="text/javascript">
            
          TouchSlide({ 
                slideCell:"#zjhyBox",
                titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
                effect:"leftLoop",
            autoPlay:true, 
                autoPage:true, //自动分页
                switchLoad:"_src" //切换加载，真实图片路径为"_src" 
            });

            // });
        </script>