discuz 同一diy区块多loop显示

这种情况其实并不多见，今天在做一个带有缩略图的幻灯时用到，既要loop大图，又要loop小图，如果都用loop只有第一组生效，所以，第二组可以用loop2，第三组可以用loop3。
diy代码示例：

1. <div class="foucebox" style="margin:0 auto">  
   
2.   <!-- 大图 -->
   
3.   <div class="bd">
   
4.   [loop]
   
5.   <div class="showDiv"><a href="{url}"><img src="{pic}" height="340" width="594"></a>
   
6.     <div class="foucebox_bg" style="width: 594px;"></div>
   
7.       <div>
   
8.         <h2 style="bottom: 15px;"><a href="{url}">{title}</a></h2>
   
9.       </div>
   
10. </div>
    
11.   [/loop]
    
12. </div>
    
13. <!-- 小图 -->
    
14. <div class="hd">
    
15. <ul>
    
16. [loop1]
    
17. <li><a href="{url}"><img src="{pic}"><span class="txt_bg"></span><span class="mask"></span></a></li>
    
18. [/loop1]
    
19. </ul>
    
20. </div>
    
21. </div>
    
22. <script type="text/javascript">
    
23.                 jQuery(".foucebox").slide({ effect:"fold", autoPlay:true, delayTime:300, startFun:function(i){
    
24.                                 //下面代码控制文字显示
    
25.                                 jQuery(".foucebox .showDiv").eq(i).find("h2").css({display:"none",bottom:0}).animate({opacity:"show",bottom:"15px"},300);
    
26.                                 jQuery(".foucebox .showDiv").eq(i).find("p").css({display:"none",bottom:0}).animate({opacity:"show",bottom:"6px"},300);
    
27.                         }
    
28.                 });
    
29. </script>

复制代码

上述代码只是个示例，并无css及jq，所以不要直接复制使用。