Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

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

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

เริ่มหัวข้อใหม่

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

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

Code (PHP)

<td colspan="4">
			<img src="รูปภาพ 8" alt="" width="175" height="71" border="0" usemap="#Map"></td>
<td colspan="6">
			<img src="รูปภาพ 9.png" alt="" width="184" height="71" border="0" usemap="#Map2"></td>
<td colspan="5">
			<img src="รูปภาพ 10.png" alt="" width="182" height="71" border="0" usemap="#Map3"></td>
<td colspan="3">
			<img src="รูปภาพ 11.png" alt="" width="182" height="71" border="0" usemap="#Map4"></td>
<td colspan="3">
			<img src="รูปภาพ 12.png" alt="" width="177" height="71" border="0" usemap="#Map5"></td>
<td>

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

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

Code (PHP)

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

Tag : PHP, HTML/CSS

Date : 2011-12-01 22:06:56

By : amoryza

View : 1386

Reply : 8

No. 1

Yam

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

Code (PHP)

<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

Mr.Q

โพสกระทู้ ( 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

Yam

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

คือ รูปภาพใหญ่ๆ แล้วเรา ตีกรอบ ภายในรูปให้เป็น ลิ้งค์ เพื่อ กดไปสู่ อีกลิ้งครับ ไม่รู้จะเข้าใจเป่า

Date : 2011-12-01 22:43:08

By : yamcrocodile

No. 5

Yam

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

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

Code (PHP)

<img src="img.gif" width="93" height="42" border="0" usemap="#Map1">

<map name="Map1" id="Map">
  <area shape="rect" coords="29,11,77,35" href="http://www.google.co.th" />
</map>

Date : 2011-12-01 22:49:04

By : yamcrocodile

No. 6

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

นี่ครับรูปตัวอย่าง รองทำแบบที่คุน Yam บอก ก็ได้แล้วนะครับ แต่สังเกตุรูปดีๆนะครับมันจะคลิกตรงกลางรูปไม่ได้อ่ะครับ คลิกได้แต่ตรงเส้นใสๆขอบของรูปเท่านั้นอ่ะครับ พอรองคลิกตรงบริเวณรูปหรือกลางรูปก็ไม่สามรถคลิกได้ครับ เจอปัญหาใหม่อีกแล้วครับ

Date : 2011-12-02 06:46:15

By : amoryza

No. 7

Yam

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

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

Code (PHP)

<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 มาสอนผมหน่อยครับ เรื่องทำรูปภาพเป็นลิงค์ครับ มีตัวอย่างโค้ด

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

บวกค่าให้ถูก