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

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

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

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

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

Mrmayom 04-07-2010 23:31:10

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

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

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

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

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

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

สามารถคลิกขวา แล้ว 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);" />

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

ninenik 05-07-2010

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน