图片列表：第一张图片比较大(四个格)，其他正常(标题浮动图片上)

1. <div class="module cl ml">
   
2. <ul>
   
3. [index=1]
   
4. <li style="margin: 0px 0px 0px 0px; position:relative;width:350px;height:310px; ">
   
5. <a href="{url}"{target}><img src="{pic}" width="350px" height="290px" alt="{title}" /></a>
   
6. <div style="position:absolute; width:100%; margin: 0px ; height:30px;z-indent:2;right:0px;bottom:0px;">
   
7.   <div><img src="static/image/common/alpha40.png" width="100%" height="30"></div>
   
8. </div>
   
9. <p style="position:absolute;z-indent:2; left:50;bottom:10px;"><a href="{url}" title="{title}"{target}><font color="#FFFFFF">{title}</font></a></p>
   
10. </li>
    
11. [/index]
    
12. 
    
13. [loop]
    
14. <li style="margin: 0px 0px 12px 12px; position:relative;width:200px;height:150px; ">
    
15. <a href="{url}"{target}><img src="{pic}" width="200px" height="150px" alt="{title}" /></a>
    
16. <div style="position:absolute; width:100%; margin: 0px ; height:30px;z-indent:2;right:0px;bottom:0px;">
    
17.   <div><img src="static/image/common/alpha40.png" width="100%" height="30"></div>
    
18. </div>
    
19. <p style="position:absolute;z-indent:2; left:0;bottom:10px;"><a href="{url}" title="{title}"{target}><font color="#FFFFFF">{title}</font></a></p>
    
20. </li>
    
21. [/loop]
    
22. </ul>
    
23. </div>

复制代码