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

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ขอสคลิป java ที่ใช้แสดงรูป แบบเว็บรถมือสอง

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

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

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



Mrmayom 180.180.8.xxx 04-07-2010 23:31:10

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

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


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


  • ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 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 124.120.10.xxx 05-07-2010






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ