Mew's profile┢┦aΡｐy ღ M e wPhotosBlogListsMore

< Previous Next >

July 08

Image Table

แหะๆ วันนี้ไปเจอของน่าสนใจจาก space ของคุณ SP_Ladplakao62 ขออนุญาติ เอามาแปะไว้นะคะ
เป็นตารางเพื่อโชว์รูป แบบThumbnails แถมถ้าคลิกไปที่รูป ก็จะเปิดหน้าจอ windows ขึ้นมาใหม่
เพื่อดูรูปขนาดจริงได้ด้วย เยี่ยมไปเลยจอร์จ!! ใน space ของคุณSP_Ladplakao62 ยังมีเทคนิคอย่างอื่น
กับเรื่องราวดีๆ อีกนะคะ ลองเข้าไปดูกันได้ค่ะ โดย คลิกที่ชื่อได้เลย

ส่วนโค้ดถ้ามีคนขอมาพรุ่งนี้จามาจัดให้นะค๊าา มันยาวหน่อยอ่ะค่า

IMAGE TABLE

Edit: 9 July 2005เพิ่มเติมส่วนโค้ด + คำอธิบาย

Code & Explain

Code

<DIV align=center> </DIV>
<H1 align=center>IMAGE TABLE </H1>
<TABLE style="WIDTH: 250px; HEIGHT: 250px" cellSpacing=0 cellPadding=3 align=center border=3>
<TBODY>
<TR align=middle>
<TD><A href="http://album.romerun.com/happymew/folder/16063/album/25956/image/522821/pic/original.gif" target=_blank><IMG height=64 src="http://album.romerun.com/happymew/folder/16063/album/25956/image/522821/pic/original.gif" width=50 border=0></A></TD>

วิธีทำ

1. ไปที่หน้า Edit Blog Entry กด <HTML> เพื่อทำให้ใส่โค้ด html ได้
2. Copy โค้ดที่ให้ แล้วนำไป paste เอาไว้
3. เปลี่ยน รูปภาพ โดย เปลี่ยน url ของรูป ให้เป็นรูปที่ต้องการ (ดูคำอธิบายโค้ดด้านล่าง ประกอบ)
4. กด <HTML> อีกที เพื่อพรีวิวดูผลงาน ถ้ายังไม่พอใจสามารถกด <HTML> สลับไปมาเพื่อแก้ไขได้ค่ะ
5.ถ้าพอใจแล้วกด Publish Entry ได้เลยค่ะ
อธิบายโค้ด

เปลี่ยน รูปภาพ โดย เปลี่ยน url ของรูป ให้เป็นรูปที่ต้องการ
ในที่นี้ขอยกตารางมาอธิบายเพียง 1 แถว 3ช่อง (แนวนอน) เพื่อความเข้าใจ(เพราะมันเหมือนกัน)

จาก Code จะเห็นว่ามี url ของรูป เหมือนกัน 2 ชุด บรรทัดแรก คือ url ที่ลิ้งไปภาพใหญ่
บรรทัดที่2 คือ url ที่ใช้โชว์รูปในตาราง นะคะ ดูได้จากข้างล่าง ถ้าใส่ไม่เหมือนกัน มันก็จะลิ้งไปภาพอื่นอ่ะค่ะ

<TD><A href="URL Picture 3" target=_blank><IMG height=ความสูงภาพ
src="URL Picture 3" width=ความกว้างภาพ border=0></A></TD></TR>

ระหว่าง <TR>...</TR> คือ 1 แถวของตาราง(แนวนอน)
ระหว่าง <TD>...</TD> คือ 1 ช่อง ในแถวของตาราง ถ้าต้องการให้ในแถวมีกี่ช่อง ก็ใส่ไปเท่านั้นอ่ะค่ะ ตามตัวอย่างใส่ไป 3ชุด ทำให้ใน1แถวมี3ช่อง

7:30 PM | Blog it | Html ZonE

Comments (51)

To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in

Don't have a Windows Live ID? Sign up

	babybirthwrote: เข้ามาอ่าน space ของคุณหลายครั้งแล้ว ได้ความรุ้เพิ่มขึ้นมาก ....สำหรับวันนี้ขออนุญาตินำ link ของหน้านี้ไปเก็บไว้หน่อยนะค๊ะ เนื่องจากวันนี้ยังไม่มีเวลาทำ ..... เกรงว่าวันที่จะทำแล้วจะหาไม่เจอนะค๊ะ .... เอ..!! จะว่ากันหรือเปล่านะ Jan. 10
	Puiiz DKMwrote: พอใส่แล้วมันไม่เต็มให้อ่ะคะ มันได้แค่ครึ่งเดว เหมือนตอนทำสไลด์แล้วมันขาดอ่ะคะ ทำไงดีคะมันขึ้นให้ครึ่งเดวเองช่วยตอยด้วยนะคะ Sept. 18
	Supreeya Rengrew Rengrewwrote: ขอบคุณค่ะ Aug. 14
	Supreeya Rengrew Rengrewwrote: ขอบคุณค่ะ Aug. 14
	~*Mido:wrote: Thanks May 14
	PaNDAwrote: พี่ค่ะคือว่าจะทำสเปรชของกลุ่มเพื่อนๆอะค่ะ แล้วสนใจการทำลูกเล่นในหัวข้อนี้ ลองก๊อบโค๊ชไปใส่แล้วก็ทำได้ แต่ไม่เข้าใจเรื่อง url อะค่ะ ว่าต้องทำแบบไหนให้ขึ้นขอมูลที่เราจะใส่ นู๋ลองเอารูปไปฝากตามเวบ แล้วใส่ uri ลงในโค๊ช พอกดดูตามปกติ รูปก็ไม่ขึ้นอะค่ะ ถ้าไง แนะนำด้วยนะค่ะ ทาง msn ก็ได้ค่ะ Apr. 24
	NaNwrote: ยังไม่เข้าใจอ่ะ ใครทำได้ช่วยสอนหน่อยค้า Apr. 13
	Dee_Jung TeeMeeTerwrote: ขอบคุณมากๆเลยนะ ที่แนะนำวิธีดีดีให้อ่ะ Apr. 4
	Dee_Jung TeeMeeTerwrote: ขอบคุณมากๆเลยนะ ที่แนะนำวิธีดีดีให้อ่ะ Apr. 4
	Dee_Jung TeeMeeTerwrote: ขอบคุณมากๆเลยนะ ที่แนะนำวิธีดีดีให้อ่ะ Apr. 4
	lNaZaalwrote: ขอบมากเลยน้า เรากำลังหัดทำอยู่เลย ได้ฟามรู้เยอะขึ้น อิอิ Mar. 9
	lNaZaalwrote: ขอบมากเลยน้า เรากำลังหัดทำอยู่เลย ได้ฟามรู้เยอะขึ้น อิอิ Mar. 9
	oct girlwrote: ขอบคุณมาก ขอบคุณ ที่สุดเลยจ้า Feb. 4
	Aphakon Lakkhoatrawrote: โอ้ ตั้งแต่ได้เข้ามา สเปชพี่ ก็ได้อัพสเปชตัวเองขนานใหญ่ ทำให้มีความรู้เพิ่มขึ้นด้วย ขอบคุณคับ Dec. 18
	Aphakon Lakkhoatrawrote: โอ้ ตั้งแต่ได้เข้ามา สเปชพี่ ก็ได้อัพสเปชตัวเองขนานใหญ่ ทำให้มีความรู้เพิ่มขึ้นด้วย ขอบคุณคับ Dec. 18
	หิ่งห้อย หมดแสงwrote: อะคะ Nov. 17
	PigletOrm Twrote: ลองทำมั้ง ^^ ขอบคุณมากมายคะ Oct. 6
	A AoNwrote: ขอเอาไปลองทำมั้งนะค่ะ พี่ทำเก่งจังเลย ขอลิ้งด้วยได้มั้ยค่ะ Sept. 30
	nangfar surangkanangwrote: ขอใช้บ้างนะเจ้าค่ะ ขอบคุณล่วงหน้าค่ะ July 12
	ภาว์วรีย์wrote: เข้ามาทักทาย แล้วก็เอาไปแต่งสเปชของตัวเองบ้าง แต่ก็ยังมือใหม่อยู่ แต่ก็ช่วยได้เยอะค่ะ ขอบคุณมากๆ นะค่ะ June 30

Next > Last >>

Trackbacks

Weblogs that reference this entry

None