ไม่ทราบว่าอยากจะทำแบบนี้จะต้องใช้สคริปอะไรครับ

เริ่มโดย torrenza, 14 มกราคม 2010, 13:10:35

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

torrenza

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

xvlnw.com

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




??
[direct=https://cloudhost.in.th/wordpress-hosting]ツ ⓌⓄⓇⒹⓅⓇⒺⓈⓈ ⒽⓄⓈⓉⒾⓃⒼ [/direct] :wanwan014:  :D
[direct=https://cloudhost.in.th/cloudhosting.html]Cloud Hosting[/direct] [direct=https://cloudhost.in.th/cloudvps.html]Cloud Server[/direct] [direct=https://cloudhost.in.th/vpshosting.html]Cloud VPS Hosting[/direct] [direct=https://cloudhost.in.th/windowsvps.html]Cloud Windows[/direct] Tel: 080-348-0843 LINE: ixvlnw

Queue

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

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

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

mean

อ่อ ขอตอบ 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/images/stories/Resources/Icon2008/deviant-icon36.jpg')">รูป1</a><br>
<a href='javascript:void(0)' onclick="onchangeimage('http://www.blogipalm.com/wp-content/uploads/2008/11/green-bangkok-wi-fi.jpg')">รูป2</a><br>
<a href='javascript:void(0)' onclick="onchangeimage('http://www.sadung.com/images/download_icon/icon_green.jpg')">รูป3</a>

<br><br>
<img src='http://www.interiorsiam.com/wp-content/uploads/2009/02/7-ways-to-green-your-home.jpg' id='showimage'>


[direct=https://www.ireallyhost.com/]บริการโดเมน, เว็บโฮสติ้ง, SSL Certificate[/direct]
[direct=https://www.ireallyhost.com/ssl]บริการ SSL Certificate , HTTPS สำหรับเว็บไซต์[/direct]
[direct=https://www.ireallyhost.com/]บริการ Web Hosting Free! Domain name ตลอดอายุบริการ [/direct]
[direct=https://www.ireallyhost.com/domain]บริการ จดโดเมน, Free DNS Service, Domain Forwarding, จัดการโดเมนได้เอง Domain Control Panel[/direct

mean

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

เช่น


<a href='javascript:void(0)' onMouseOver="onchangeimage('http://www.httpartist.com/beta...on2008/deviant-icon36.jpg' )">รูป1</a><br>


[direct=https://www.ireallyhost.com/]บริการโดเมน, เว็บโฮสติ้ง, SSL Certificate[/direct]
[direct=https://www.ireallyhost.com/ssl]บริการ SSL Certificate , HTTPS สำหรับเว็บไซต์[/direct]
[direct=https://www.ireallyhost.com/]บริการ Web Hosting Free! Domain name ตลอดอายุบริการ [/direct]
[direct=https://www.ireallyhost.com/domain]บริการ จดโดเมน, Free DNS Service, Domain Forwarding, จัดการโดเมนได้เอง Domain Control Panel[/direct

gooloo


suttiruk

มาขอยืนยันอีกคนครับ ใช้จาวาแน่นอนครับ โดยใช้ <div...</div>เป็นตัววางภาพที่จะแสดง ซึ่งจะไม่ให้อยู่ในกรอบเดียวกันก็ได้ครับ
เผยแพร่-ค้นคว้าผลงานทางวิชาการทางเว็บ ที่ [direct=http://www.academictoyou.com]AcademicToYou[/direct]
ขายสินค้า ไม่มีนายหน้า ไม่มีค่าเช่าที่ ไม่ต้องหนีเทศกิจ [direct=http://www.taradtoyou.com]TaradToYou[/direct][direct=http://www.newmarketworld.com]NewMarketWorld[/direct]
รถแห่ ป้าย วิทยุ สื่อโฆษณาครบวงจร[direct=http:www.studiogroup.in.th]Studio Group[/direct]
ทีวีย้อนหลัง ฟังเพลงฮิต มิวสิคคมชัด โทรทัศน์24ชม. ที่ [direct=http://www.musicrankstoday.com]MusicRanksToday[/direct]