Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > รบกวนคนเก่ง HTML มาสอนผมหน่อยครับ เรื่องทำรูปภาพเป็นลิงค์ครับ มีตัวอย่างโค้ด


[PHP] รบกวนคนเก่ง HTML มาสอนผมหน่อยครับ เรื่องทำรูปภาพเป็นลิงค์ครับ มีตัวอย่างโค้ด

 
Topic : 069803



โพสกระทู้ ( 39 )
บทความ ( 0 )



สถานะออฟไลน์



คือพอดีผมได้โค้ดหน้า index มาแต่ว่าผมงงครับว่า จะทำยังไงให้ตามปุ่มกดต่างๆคลิกแล้วมันไปยังลิงค์อื่นตามที่ต้องการอ่ะครับ ผมมีตัวอย่างโค้ดมาให้ดูครับ ช่วยหน่อยนะครับ

Code (PHP)
view source
print?
01.<td colspan="4">
02.            <img src="รูปภาพ 8" alt="" width="175" height="71" border="0" usemap="#Map"></td>
03.<td colspan="6">
04.            <img src="รูปภาพ 9.png" alt="" width="184" height="71" border="0" usemap="#Map2"></td>
05.<td colspan="5">
06.            <img src="รูปภาพ 10.png" alt="" width="182" height="71" border="0" usemap="#Map3"></td>
07.<td colspan="3">
08.            <img src="รูปภาพ 11.png" alt="" width="182" height="71" border="0" usemap="#Map4"></td>
09.<td colspan="3">
10.            <img src="รูปภาพ 12.png" alt="" width="177" height="71" border="0" usemap="#Map5"></td>
11.<td>




อยากจะให้ตรงรูปภาพ 8 9 10 11 12 แต่ละรูปนี้คลิกแล้วให้มันไปยังหน้าเว็บหรือลิงค์ที่เราต้องการอ่ะครับ สอนหน่อยครับไม่ค่อยเก่ง ๆ


อันนี้ตัวอย่างที่เคยมีคนให้มานะครับแต่รองแล้วใช้ไม่ได้

Code (PHP)
view source
print?
1.<a href="ใส่ลิ้งหน้าที่ต้องการให้ไปครับ"><img src="images09" alt="" width="175" height="71" border="0" usemap="#Map"></a>




Tag : PHP, HTML/CSS
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2011-12-01 22:06:56 By : amoryza View : 1421 Reply : 8
 

 

No. 1



โพสกระทู้ ( 455 )
บทความ ( 0 )



สถานะออฟไลน์


Code (PHP)
view source
print?
1.<a hre="http://www.google.co.th"><img src="image1" height="50" width="50" /></a>
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-01 22:26:14 By : yamcrocodile
 

 

No. 2



โพสกระทู้ ( 342 )
บทความ ( 2 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์


ลองดูครับ

<a href="page9.html"><img src="images09.jpg" alt="รูปที่ 9" width="175" height="71" border="0"></a>
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-01 22:27:41 By : weaned
 

 

No. 3



โพสกระทู้ ( 39 )
บทความ ( 0 )



สถานะออฟไลน์


เห็นที่ยกตัวอย่างกันไม่มี Usemap="#Map5"></td> ลงท้ายเลยครับ อยากรู้ว่าตรง Usemap="#Map5"></td> เนี่ยมันคืออะไรหรอครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-01 22:31:53 By : amoryza
 

 

No. 4



โพสกระทู้ ( 455 )
บทความ ( 0 )



สถานะออฟไลน์


คือ รูปภาพใหญ่ๆ แล้วเรา ตีกรอบ ภายในรูปให้เป็น ลิ้งค์ เพื่อ กดไปสู่ อีกลิ้งครับ ไม่รู้จะเข้าใจเป่า
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-01 22:43:08 By : yamcrocodile
 

 

No. 5



โพสกระทู้ ( 455 )
บทความ ( 0 )



สถานะออฟไลน์


รูปแบบการเขียนจะอยู่ประมาณนี้ครับ

Code (PHP)
view source
print?
1.<img src="img.gif" width="93" height="42" border="0" usemap="#Map1">
2. 
3.<map name="Map1" id="Map">
4.  <area shape="rect" coords="29,11,77,35" href="http://www.google.co.th" />
5.</map>
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-01 22:49:04 By : yamcrocodile
 

 

No. 6



โพสกระทู้ ( 39 )
บทความ ( 0 )



สถานะออฟไลน์


Img


นี่ครับรูปตัวอย่าง รองทำแบบที่คุน Yam บอก ก็ได้แล้วนะครับ แต่สังเกตุรูปดีๆนะครับมันจะคลิกตรงกลางรูปไม่ได้อ่ะครับ คลิกได้แต่ตรงเส้นใสๆขอบของรูปเท่านั้นอ่ะครับ พอรองคลิกตรงบริเวณรูปหรือกลางรูปก็ไม่สามรถคลิกได้ครับ เจอปัญหาใหม่อีกแล้วครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-02 06:46:15 By : amoryza
 

 

No. 7



โพสกระทู้ ( 455 )
บทความ ( 0 )



สถานะออฟไลน์


ไม่ทราบว่ารูปที่จะกด กับ background เป็นภาพเดียวกันหรือเปล่าครัล ?
ถ้าเกิดรูปกะ แบล็กกราว คนละภาพกันให้สร้างลิ้งแค่รูปอย่างเดียวก็พอ ครับ

Code (PHP)
view source
print?
1.<a href="webboard.php"><img src="picwebboard.jpg" heigth="50" width="50" /></a>


ถ้าเปงรูปแบบ code แบบนี้ไม่ต้องใช้ map ครับ
ไม่ทราบว่าใช้โปรแกรมอะไร เขียนครับ....
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-02 12:07:10 By : yamcrocodile
 

 

No. 8

Guest


ขอบคุณ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-03-17 15:46:53 By : prom
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : รบกวนคนเก่ง HTML มาสอนผมหน่อยครับ เรื่องทำรูปภาพเป็นลิงค์ครับ มีตัวอย่างโค้ด
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่