ทำ banner Rotator ด้วย Jquey ทำให้ภาพแบนเนอคลิกลิงค์ได้

[mindphp]

โค้ด: เลือกทั้งหมด

<script src="js/jquery.banner-rotator.js" type="text/javascript"></script>
<script type="text/javascript">
		$(window).load(
			function() {
				$('#rotator1').bannerRotator({
					width:940,
					height:115,
					effect:'fade',
					navButtons:'none',
					tooltip:'text',
					borderWidth:0,
					layerOnHover:false
			  	});
		   	}
		);
	</script>

TIP ใส่ tag link ซ้อน tag ลิงค์
ตามตัวอย่าง

โค้ด: เลือกทั้งหมด

			<div id="rotator1" class="banner-rotator">
			<ul class="br-slides">
            	<li>
                    <a href="images/test-main-banner2.jpg">
						<a href="https://www.mindphp.com" target="_bank">
                    		<img src="images/test-main-banner2.jpg" title="mindphp.com" alt=""/>
						</a>
                    </a>
                    
                </li>
                <li>
                    <a href="images/test-main-banner3.jpg">
                        <img src="images/main-banner2.jpg" title="" alt="mindphp"/>
                    </a>                 
                </li>
                <li>
                    <a href="images/test-main-banner4.jpg">
                        <img src="images/main-banner3.jpg" title="mindphp" alt=""/>
                    </a>                   
                </li>

            </ul>
        </div>	

ref: http://codecanyon.net/user/webtako