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代码:
  1. .gallery{ border:1px solid #cccpadding:5pxtext-align:left;    } 
  2. .gallery .bd li .pic{ line-height:0px;  } 
  3. .gallery .bd li .bg,.gallery .bd li .title{ display:none;  } 
  4. .gallery .bd li img{ width:450pxheight:230px;   } 
  5. .gallery .hd{ position:relativepadding:0 15pxmargin-top:10px; zoom:1; } 
  6. .gallery .hd .tempWrap{ margin-left:8px;  } 
  7. .gallery .hd ul{ overflow:hidden; zoom:1; } 
  8. .gallery .hd li{ width:100pxpadding-top:4pxtext-align:centercursor:pointer;   } 
  9. .gallery .hd li img{ width:86pxheight:60pxborder:1px solid #dddpadding:2px;   } 
  10. .gallery .hd li.on{ background:url("images/icoUp.gif"no-repeat center 0;  } 
  11. .gallery .hd li.on img{ border:1px solid #f60background:#fff;   } 
  12. .gallery .hd .sNext,.gallery .hd .sPrev{ text-align:center;  width:15pxheight:66pxline-height:66px;  border:1px solid #dddcursor:pointerposition:absolute;  left:0px; top:4px; } 
  13. .gallery .hd .sNext{ left:auto; right:0px; } 
  14. .gallery .hd .sNext:hover,.gallery .hd .sPrev:hover{ text-decoration:noneborder:1px solid #f60;  }