Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > ขอถามเรื่อง การใช้ภาพในหน้าเว็บเป็นลิงค์ ต้องทำยังไง มีตัวอย่างโค้ดครับ

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

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

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

<img src="images09" alt="" width="175" height="71" border="0" usemap="#Map"></td>ล

อยากจะให้รูป images09 เนี่ยเป็นลิงค์ไปยังหน้าเว็บที่เราต้องการ ควรแก้โค้ดยังไงดีครับ

Tag : PHP, HTML/CSS

Date : 2011-11-30 17:59:29

By : amoryza

View : 1116

Reply : 8

No. 1

DevSignUp

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

Code

รึป่าว

Date : 2011-11-30 18:28:50

By : zankumuro

No. 2

toy

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

Code (PHP)

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

//ยกตัวอย่างนะครับ

<a href="index.php"><img src="images09" alt="" width="175" height="71" border="0" usemap="#Map"></a>

Date : 2011-11-30 18:47:12

By : thecroy

No. 3

Thana

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

ตอบความคิดเห็นที่ : 2 เขียนโดย : thecroy เมื่อวันที่ 2011-11-30 18:47:12

รายละเอียดของการตอบ ::

นี่แหละใช้เลย

Date : 2011-11-30 18:48:49

By : Thana112

No. 4

omega

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

Code (PHP)

<a href="เว็บที่จะลิ้งไป"><img src="images09" alt="" width="175" height="71" border="0"></a>

Date : 2011-11-30 18:51:08

By : ozma

No. 5

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

รองแล้วก็ไม่ได้อยู่ดีอ่ะครับ

http://file2.uploadfile.biz/i/EIIMMEIIENXNXI อันนี้ลิงค์ดาวโหลดตัว index เต็มๆครับรองดูให้ที

Date : 2011-12-01 07:35:59

By : amoryza

No. 6

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

Code (PHP)

<html>
<head>
<title>ยินดีต้อนรับสู่เว็บไซต์</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body {
	background-color: #FFC16A;
}
.style1 {font-size: 10px}
.style2 {color: #000000}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Untitled-1) -->
<table width="1001" height="1001" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
		<td colspan="25">
			<img src="images/INDEX_01.png" width="950" height="44" alt=""></td>
		<td rowspan="4">
			<img src="images/INDEX_02.png" width="50" height="299" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="44" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" rowspan="5">
			<img src="images/INDEX_03.png" width="50" height="346" alt=""></td>
		<td colspan="21" background="images/INDEX_BG.png"><img src="images/INDEX_LOGO.png" width="900" height="223"></td>
<td>
			<img src="images/spacer.gif" width="1" height="223" alt=""></td>
	</tr>
	<tr>
		<td colspan="21">
			<img src="images/INDEX_05.png" width="900" height="18" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="18" alt=""></td>
	</tr>
	<tr>
		<td colspan="21" rowspan="2">
			<img src="images/INDEX_06.png" width="900" height="34" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="14" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="images/INDEX_07.png" width="50" height="127" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="20" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/INDEX_08.png" alt="" width="175" height="71" border="0" usemap="#Map"></td>
<td colspan="6">
			<img src="images/INDEX_09.png" alt="" width="184" height="71" border="0" usemap="#Map2"></td>
<td colspan="5">
			<img src="images/INDEX_10.png" alt="" width="182" height="71" border="0" usemap="#Map3"></td>
<td colspan="3">
			<img src="images/INDEX_11.png" alt="" width="182" height="71" border="0" usemap="#Map4"></td>
<td colspan="3">
			<img src="images/INDEX_12.png" alt="" width="177" height="71" border="0" usemap="#Map5"></td>
<td>
			<img src="images/spacer.gif" width="1" height="71" alt=""></td>
	</tr>
	<tr>
		<td colspan="25">
			<img src="images/INDEX_13.png" width="950" height="36" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="36" alt=""></td>
	</tr>
	<tr>
		<td colspan="5" rowspan="2">
			<img src="images/INDEX_14.png" width="121" height="51" alt=""></td>
		<td colspan="20">
			<img src="images/INDEX_15.png" width="829" height="21" alt=""></td>
		<td rowspan="3">
			<img src="images/INDEX_16.png" width="50" height="73" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td colspan="20" background="images/INDEX_17.png"><span class="style2">
		  <marquee direction="Left" height="30" onMouseOut="this.start()" onMouseOver="this.stop()" scrollamount="5" width="100%">
		  <font size="3">ยินดีต้อนรับทุกท่านที่มาเยี่ยมชมเว็บไซต์ของเรา</font color>
		  </marquee>
		</span></td>
<td>
			<img src="images/spacer.gif" width="1" height="30" alt=""></td>
	</tr>
	<tr>
		<td colspan="25" rowspan="2">
			<img src="images/INDEX_18.png" width="950" height="41" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="22" alt=""></td>
	</tr>
	<tr>
		<td rowspan="7">
			<img src="images/INDEX_19.png" width="50" height="351" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="images/INDEX_20.png" width="37" height="191" alt=""></td>
		<td colspan="9" background="images/INDEX_21.png"><div align="center" class="style1">ยังไม่มีข้อมูล</div></td>
<td colspan="2" rowspan="3">
			<img src="images/INDEX_22.png" width="81" height="226" alt=""></td>
		<td colspan="12" rowspan="4"><embed align="middle" allowscriptaccess="sameDomain" flashvars="id=157401188" height="308" name="chat" pluginspage="http://xat.com/update_flash.shtml" quality="high" src="http://www.xatech.com/web_gear/chat/chat.swf" type="application/x-shockwave-flash" width="551"></embed></td>
  <td>
			<img src="images/spacer.gif" width="1" height="167" alt=""></td>
	</tr>
	<tr>
		<td colspan="9" rowspan="2">
			<img src="images/INDEX_24.png" width="281" height="59" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="24" alt=""></td>
	</tr>
	<tr>
		<td rowspan="5">
			<img src="images/INDEX_25.png" width="29" height="151" alt=""></td>
		<td>
			<img src="images/INDEX_26.png" width="8" height="35" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="35" alt=""></td>
	</tr>
	<tr>
		<td colspan="11" rowspan="2"><iframe src="http://www.wink.in.th/musicbox/300x90_1.html" width="300" height="90" frameborder="0" scrolling="no"></iframe></td>
  <td rowspan="2">
			<img src="images/INDEX_28.png" width="70" height="90" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="82" alt=""></td>
	</tr>
	<tr>
		<td colspan="12">
			<img src="images/INDEX_29.png" width="551" height="8" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="8" alt=""></td>
	</tr>
	<tr>
		<td colspan="24" rowspan="2">
			<img src="images/INDEX_30.png" width="921" height="26" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="images/INDEX_31.png" width="50" height="150" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td colspan="25">
			<img src="images/INDEX_32.png" width="950" height="10" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/INDEX_33.png" width="43" height="120" alt=""></td>
		<td colspan="3">
			<img src="images/INDEX_34.png" alt="" width="120" height="120" border="0" usemap="#Map6"></td>
<td>
			<img src="images/INDEX_35.png" width="11" height="120" alt=""></td>
		<td colspan="2">
			<img src="images/INDEX_36.png" alt="" width="120" height="120" border="0" usemap="#Map7"></td>
<td>
			<img src="images/INDEX_37.png" width="11" height="120" alt=""></td>
		<td colspan="5">
			<img src="images/INDEX_38.png" alt="" width="120" height="120" border="0" usemap="#Map8"></td>
<td>
			<img src="images/INDEX_39.png" width="12" height="120" alt=""></td>
		<td>
			<img src="images/INDEX_40.png" alt="" width="120" height="120" border="0" usemap="#Map9"></td>
<td>
			<img src="images/INDEX_41.png" width="11" height="120" alt=""></td>
		<td colspan="2">
			<img src="images/INDEX_42.png" alt="" width="120" height="120" border="0" usemap="#Map10"></td>
<td>
			<img src="images/INDEX_43.png" width="11" height="120" alt=""></td>
		<td colspan="2">
			<img src="images/INDEX_44.png" alt="" width="120" height="120" border="0" usemap="#Map11"></td>
<td>
			<img src="images/INDEX_45.png" width="11" height="120" alt=""></td>
		<td>
			<img src="images/INDEX_46.png" alt="" width="120" height="120" border="0" usemap="#Map12"></td>
<td>
			<img src="images/spacer.gif" width="1" height="120" alt=""></td>
	</tr>
	<tr>
		<td colspan="25">
			<img src="images/INDEX_47.png" width="950" height="10" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="29" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="8" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="6" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="71" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="42" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="51" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="69" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="70" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="10" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="16" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="12" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="120" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="23" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="97" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="74" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="46" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="120" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="50" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<!-- End Save for Web Slices -->

<map name="Map"><area shape="rect" coords="2,4,168,67" href="#"></map>
<map name="Map2"><area shape="rect" coords="8,4,177,67" href="#"></map>
<map name="Map3"><area shape="rect" coords="8,7,175,67" href="#"></map>
<map name="Map4"><area shape="rect" coords="6,4,176,67" href="#"></map>
<map name="Map5"><area shape="rect" coords="7,4,176,67" href="#"></map>
<map name="Map6">
<area shape="rect" coords="-2,-6,168,231" href="#">
</map>
<map name="Map7">
<area shape="rect" coords="-19,-7,203,955" href="#">
</map>
<map name="Map8">
<area shape="rect" coords="-3,-4,214,359" href="#">
</map>
<map name="Map9">
<area shape="rect" coords="0,-2,137,125" href="#">
</map>
<map name="Map10">
<area shape="rect" coords="-5,-3,123,120" href="#">
</map>
<map name="Map11">
<area shape="rect" coords="-6,-4,123,121" href="#">
</map>
<map name="Map12">
<area shape="rect" coords="-4,-5,126,124" href="#">
</map></body>
</html>

Date : 2011-12-01 22:00:55

By : amoryza

No. 7

omega

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

Code (PHP)

<a href="http://pantip.com">หาภาพใส่เอาเองนะ ถ้าไม่ได้อีกแสดงว่าคุณใส่ที่อยู่ปลายทางผิดนะ</a>

Date : 2011-12-01 22:40:19

By : ozma

No. 8

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

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

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

By : amoryza

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ขอถามเรื่อง การใช้ภาพในหน้าเว็บเป็นลิงค์ ต้องทำยังไง มีตัวอย่างโค้ดครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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