ขอสคลิป java ที่ใช้แสดงรูป แบบเว็บรถมือสอง

 แบบเว็บนี้อะครับ  ที่เวลาคลิกที่รูปเล็กด้านบน แล้วแสดงรูปใหญ่ด้านล่าง

http://www.thaicar.com/showroom1.php?GID=121103&customer_id=Tent060

สามารถคลิกขวา แล้ว view source ในหน้าเว็บดังกล่าวได้เลย

หรือทำตามวิธีต่อไปนี้
1.กำหนด id ให้กับ แท็ก img ของรูปภาพใหญ่ ตัวอย่างกำหนดเป็น
 

<img id="BigPic"  
src="https://www.ninenik.com/images/logo_01_Mon.gif"
 width="640" height="480" />

2.สร้างฟังก์ชัน javascript สำหรับใช้งาน
 

<script type="text/javascript">
function showBigPic(obj){
	//  กำหนด object เป้าหมาย หรือแท็ก img ของรูปใหญ่
	var targetObj=document.getElementById("BigPic"); 
	// กำหนด path ของรูปใหญ่
	var picBigName="https://www.ninenik.com/images/" obj.ref;
	// แสดงรูปใหญ่
	targetObj.src=picBigName;
}
</script>

3.กำหนดในส่วนของรูปเล็ก โดยเพิ่ม attribute ชื่อ ref มีค่าเท่ากับชื่อรูปใหญ่ที่ต้องการแสดง กำหนดเฉพาะชื่อ ส่วน path กำหนดในฟังก์ชันตามข้อ 2 ตัวอย่าง
 

<img src="https://www.ninenik.com/images/logo_01_Mon.gif"
 width="55" height="43" 
 ref="logo_01_Tue.gif"
 border="0" style="cursor:pointer;" />

4.เรียกใช้งาน เพิ่ม onclick เข้าไปในแท็กรูปเล็กในข้อ 3 ตัวอย่างได้เป็น
 

<img src="https://www.ninenik.com/images/logo_01_Mon.gif"
 width="55" height="43" 
 ref="logo_01_Tue.gif"
 border="0" style="cursor:pointer;" 
 onclick="showBigPic(this);" />

ตัวอย่างผลลัพธิ์