ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: torrenza ที่ 14 มกราคม 2010, 13:10:35



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


หัวข้อ: Re: ไม่ทราบว่าอยากจะทำแบบนี้จะต้องใช้สคริปอะไรครับ
เริ่มหัวข้อโดย: xvlnw.com ที่ 14 มกราคม 2010, 13:30:02
น่าจะเป็น JQuery หรือปล่าวนะ ไม่แน่ใจครับ รอผู้อื่นมาเสริมต่อ




??


หัวข้อ: Re: ไม่ทราบว่าอยากจะทำแบบนี้จะต้องใช้สคริปอะไรครับ
เริ่มหัวข้อโดย: Queue ที่ 14 มกราคม 2010, 14:04:49
ไม่ได้แกะโค๊ดนะครับ

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

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


หัวข้อ: Re: ไม่ทราบว่าอยากจะทำแบบนี้จะต้องใช้สคริปอะไรครับ
เริ่มหัวข้อโดย: mean ที่ 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/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'>


หัวข้อ: Re: ไม่ทราบว่าอยากจะทำแบบนี้จะต้องใช้สคริปอะไรครับ
เริ่มหัวข้อโดย: mean ที่ 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>


หัวข้อ: Re: ไม่ทราบว่าอยากจะทำแบบนี้จะต้องใช้สคริปอะไรครับ
เริ่มหัวข้อโดย: gooloo ที่ 14 มกราคม 2010, 14:53:11
จาวา ชัวร์ครับ


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