PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

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

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

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



โดย:  Mrmayom IP: 180.180.8.xxx วันที่: 04-07-2010 เวลา: 23:31:10

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 1

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

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

<img id="BigPic"  
src="http://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="http://www.ninenik.com/images/"+obj.ref;
	// แสดงรูปใหญ่
	targetObj.src=picBigName;
}
</script>


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

<img src="http://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="http://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);" />


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

 




โดย:  Ninenik IP: 124.120.10.xxx วันที่: 05-07-2010