图片自动转换效果 jquery

http://www.16sucai.com/uploadfile/show5/switchable01/switchable/

<div class="maxpSlid" style="position: relative;">
			  <div class="maxpSlid-content" style="position: absolute;  540px;">
										  <a href="/product-2766.html" title="康佳" style="float: left;"><img src="http://www.taifengmall.com/public/images/21/12/60/91c5ddcc14a16355b21d85dc5ac1e989.jpg?1450173334#h" alt="康佳" width="180" height="420"></a>
				   					  <a href="/product-4758.html" title="海信" style="float: left;"><img src="http://www.taifengmall.com/public/images/10/39/e9/0686ab1a02fc11bbef43d9ccd7dd1fe6.jpg?1450173362#h" alt="海信" width="180" height="420"></a>
				   					  <a href="/product-4933.html" title="三星" style="float: left;"><img src="http://www.taifengmall.com/public/images/ed/4e/cc/32f9894ff51caf6b03b428f32e7e2fa9.jpg?1450173384#h" alt="三星" width="180" height="420"></a>
				   			 </div>
			 <div class="maxpSlid-triggers">
										  <em class="active"></em>
				   					  <em class=""></em>
				   					  <em class=""></em>
				   			 </div>
		 </div>

  

<script>
    var maxpSlid = $$('.maxpSlid');
    maxpSlid.each(function(item){
        new Switchable(item, {
            effect: 'scrollx',
            hasTriggers: true,
            duration:0,
            interval:4000,
            panels: 'a',
            triggers: 'em',
            steps: 1,
            haslrbtn: true,
            autoplay: true,
            viewSize:[310,550]
        })
    })
</script>
原文地址:https://www.cnblogs.com/lemonphp/p/5702712.html