ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingไม่ทราบว่าอยากจะทำแบบนี้จะต้องใช้สคริปอะไรครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ไม่ทราบว่าอยากจะทำแบบนี้จะต้องใช้สคริปอะไรครับ  (อ่าน 1066 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
torrenza
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 2



ดูรายละเอียด
« เมื่อ: 14 มกราคม 2010, 13:10:35 »

http://www.pizza.co.th/1112/frame.php?page=combo
อยากจะทำแบบนี้อ่ะครับ เมื่อเลื่อนเมาส์ไปรูปภาพด้านบน  จะแสดงรูปภาพตามและสามารถกดลิงค์ได้  ขอบคุณครับ  :'(
บันทึกการเข้า
xvlnw.com
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 493
ออฟไลน์ ออฟไลน์

กระทู้: 5,905



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 14 มกราคม 2010, 13:30:02 »

น่าจะเป็น JQuery หรือปล่าวนะ ไม่แน่ใจครับ รอผู้อื่นมาเสริมต่อ




??
บันทึกการเข้า

Queue
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 106
ออฟไลน์ ออฟไลน์

กระทู้: 4,295



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 14 มกราคม 2010, 14:04:49 »

ไม่ได้แกะโค๊ดนะครับ

แต่ถ้าดูด้วยตา แบบนี้ แค่ javascript ก็ทำได้ครับ

ทำเป็น div ซ่อนไว้ พอเม้าส์ชี้ก็ให้ซ่อนภาพอื่น แล้วแสดงภาพต้องการ ใส่ลิงค์ไปด้วยเท่านั้นเอง
บันทึกการเข้า

mean
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 121
ออฟไลน์ ออฟไลน์

กระทู้: 1,009



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 14 มกราคม 2010, 14:23:46 »

อ่อ ขอตอบ javascript ธรรมดานี่ก็ทำได้ครับ
ขอดิบๆเลย


<script language="JavaScript">
<!--
   function onchangeimage(img){
      document.getElementById('showimage').src = img;
   }
//-->
</script>

<a href='javascript:void(0)' onclick="onchangeimage('http://www.httpartist.com/beta...on2008/deviant-icon36.jpg' )">รูป1</a><br>
<a href='javascript:void(0)' onclick="onchangeimage('http://www.blogipalm.com/wp-co...1/green-bangkok-wi-fi.jpg' )">รูป2</a><br>
<a href='javascript:void(0)' onclick="onchangeimage('http://www.sadung.com/images/d...nload_icon/icon_green.jpg' )">รูป3</a>

<br><br>
<img src='http://www.interiorsiam.com/wp...ys-to-green-your-home.jpg' id='showimage'>
บันทึกการเข้า

mean
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 121
ออฟไลน์ ออฟไลน์

กระทู้: 1,009



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 14 มกราคม 2010, 14:27:18 »

หากจะให้เอา mouse ไปวาง แล้วเปลี่ยนรูป
เปลี่ยน onclick เป็น onMouseOver ครับ

เช่น


<a href='javascript:void(0)' onMouseOver="onchangeimage('http://www.httpartist.com/beta...on2008/deviant-icon36.jpg' )">รูป1</a><br>
บันทึกการเข้า

gooloo
ก๊วนเสียว
*

พลังน้ำใจ: 54
ออฟไลน์ ออฟไลน์

กระทู้: 368



ดูรายละเอียด
« ตอบ #5 เมื่อ: 14 มกราคม 2010, 14:53:11 »

จาวา ชัวร์ครับ
บันทึกการเข้า
suttiruk
ก๊วนเสียว
*

พลังน้ำใจ: 43
ออฟไลน์ ออฟไลน์

กระทู้: 430



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 14 มกราคม 2010, 15:40:14 »

มาขอยืนยันอีกคนครับ ใช้จาวาแน่นอนครับ โดยใช้ <div...</div>เป็นตัววางภาพที่จะแสดง ซึ่งจะไม่ให้อยู่ในกรอบเดียวกันก็ได้ครับ
บันทึกการเข้า

เผยแพร่-ค้นคว้าผลงานทางวิชาการทางเว็บ ที่ AcademicToYou
ขายสินค้า ไม่มีนายหน้า ไม่มีค่าเช่าที่ ไม่ต้องหนีเทศกิจ TaradToYou NewMarketWorld
รถแห่ ป้าย วิทยุ สื่อโฆษณาครบวงจรStudio Group
ทีวีย้อนหลัง ฟังเพลงฮิต มิวสิคคมชัด โทรทัศน์24ชม. ที่ MusicRanksToday
หน้า: [1]   ขึ้นบน
พิมพ์