js调用:
jQuery(".hd").slide( { mainCell:"ul",effect:"leftLoop",autoPlay:false,vis:4,prevCell:".sPrev",nextCell:".sNext" } );
jQuery(".gallery").slide( { mainCell:".bd ul",effect:"leftLoop", autoPlay:false, delayTime:0, defaultIndex:4 } );
css代码:
- .gallery{ border:1px solid #ccc; padding:5px; text-align:left; }
- .gallery .bd li .pic{ line-height:0px; }
- .gallery .bd li .bg,.gallery .bd li .title{ display:none; }
- .gallery .bd li img{ width:450px; height:230px; }
- .gallery .hd{ position:relative; padding:0 15px; margin-top:10px; zoom:1; }
- .gallery .hd .tempWrap{ margin-left:8px; }
- .gallery .hd ul{ overflow:hidden; zoom:1; }
- .gallery .hd li{ width:100px; padding-top:4px; text-align:center; cursor:pointer; }
- .gallery .hd li img{ width:86px; height:60px; border:1px solid #ddd; padding:2px; }
- .gallery .hd li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
- .gallery .hd li.on img{ border:1px solid #f60; background:#fff; }
- .gallery .hd .sNext,.gallery .hd .sPrev{ text-align:center; width:15px; height:66px; line-height:66px; border:1px solid #ddd; cursor:pointer; position:absolute; left:0px; top:4px; }
- .gallery .hd .sNext{ left:auto; right:0px; }
- .gallery .hd .sNext:hover,.gallery .hd .sPrev:hover{ text-decoration:none; border:1px solid #f60; }