Banner Slider and Gallery Slider ทำแกลเลอรีแบบเลื่อนไปมาสวย ๆ ด้วย jQuery

<script type="text/javascript" src="jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />

	<div id="gamesHolder">
		<div id="games">
		
			<!-- Picture 1 -->
			<a href="https://www.thaicreate.com" target="_blank">
				<img src="picture/iron-man1.jpg" alt="IRON 3" />
				<span>
					<b>ไอรอนแมน IRON MAN 3</b><br />
					<small>เป็นตัวละครส่วนหนึ่งของมาร์เวลคอมิกส์ เป็นที่รู้จักกันดีในหน้าของนักรบใส่เกราะซึ่งมักจะใส่เกราะ แดง-เหลือง เป็นชุดประจำตัวอยู่เสมอ</small>
				</span>
			</a>

			<!-- Picture 2 -->
			<a href="https://www.thaicreate.com" target="_blank">
				<img src="picture/iron-man2.jpg" alt="IRON 3" />
				<span>
					<b>ไอรอนแมน IRON MAN 3</b><br />
					<small>เป็นตัวละครส่วนหนึ่งของมาร์เวลคอมิกส์ เป็นที่รู้จักกันดีในหน้าของนักรบใส่เกราะซึ่งมักจะใส่เกราะ แดง-เหลือง เป็นชุดประจำตัวอยู่เสมอ</small>
				</span>
			</a>
			
			
		</div>
	</div>

<script type="text/javascript">
	$(document).ready(function() {
		$('#gamesHolder').coinslider();
	});
</script>


<script type="text/javascript">
	$(document).ready(function() {
		$('#coin-slider').coinslider({ width: 900, navigation: false, delay: 5000 });
	});
</script>