Mew さんのプロフィール┢┦aΡpy ღ M e wフォトブログリストその他 ツール ヘルプ
    7月8日

    Image Table

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

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

     

     

    IMAGE TABLE

     

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

     

    Code & Explain

     

    Code

    <DIV align=center>&nbsp;</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>

    <TD><A href="http://album.romerun.com/happymew/folder/16063/album/25956/image/522827/pic/original.gif" target=_blank><IMG height=64 src="http://album.romerun.com/happymew/folder/16063/album/25956/image/522827/pic/original.gif" width=50 border=0></A></TD>

    <TD><A href="http://album.romerun.com/happymew/folder/16063/album/25956/image/522828/pic/original.gif" target=_blank><IMG height=64 src="http://album.romerun.com/happymew/folder/16063/album/25956/image/522828/pic/original.gif" width=50 border=0></A></TD></TR>

    <TR align=middle>
    <TD><A href="http://album.romerun.com/happymew/folder/16063/album/26880/image/548054/pic/original.jpg" target=_blank><IMG height=64 src="http://album.romerun.com/happymew/folder/16063/album/26880/image/548054/pic/thumbnail.jpg" width=50 border=0></A></TD>

    <TD><A href="http://album.romerun.com/happymew/folder/16063/album/25915/image/522890/pic/original.gif" target=_blank><IMG height=64 src="http://album.romerun.com/happymew/folder/16063/album/25915/image/522890/pic/thumbnail.gif" width=50 border=0></A></TD>

    <TD><A href="http://album.romerun.com/happymew/folder/16063/album/26880/image/548071/pic/original.jpg" target=_blank><IMG height=64 src="http://album.romerun.com/happymew/folder/16063/album/26880/image/548071/pic/thumbnail.jpg" width=50 border=0></A></TD></TR>

    <TR align=middle>
    <TD><A href="http://album.romerun.com/happymew/folder/16063/album/25956/image/522834/pic/original.gif" target=_blank><IMG height=64 src="http://album.romerun.com/happymew/folder/16063/album/25956/image/522834/pic/original.gif" width=50 border=0></A></TD>

    <TD><A href="http://album.romerun.com/happymew/folder/16063/album/25956/image/522835/pic/original.gif" target=_blank><IMG height=64 src="http://album.romerun.com/happymew/folder/16063/album/25956/image/522835/pic/original.gif" width=50 border=0></A></TD>

    <TD><A href="http://album.romerun.com/happymew/folder/16063/album/25956/image/522836/pic/original.gif" target=_blank><IMG height=64 src="http://album.romerun.com/happymew/folder/16063/album/25956/image/522836/pic/original.gif" width=50 border=0></A></TD></TR></TBODY></TABLE>
    <DIV align=center>&nbsp;</DIV>

     

    วิธีทำ

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

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

    <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>

    <TD><A href="http://album.romerun.com/happymew/folder/16063/album/25956/image/522827/pic/original.gif" target=_blank><IMG height=64 src="http://album.romerun.com/happymew/folder/16063/album/25956/image/522827/pic/original.gif" width=50 border=0></A></TD>

    <TD><A href="http://album.romerun.com/happymew/folder/16063/album/25956/image/522828/pic/original.gif" target=_blank><IMG height=64 src="http://album.romerun.com/happymew/folder/16063/album/25956/image/522828/pic/original.gif" width=50 border=0></A></TD></TR>

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

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

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

    <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ช่อง

    コメント (51 件)

    しばらくお待ちください。
    入力されたコメントは長すぎます。短くしてください。
    何も入力されていません。もう一度やり直してください。
    現在、コメントを追加できません。後でもう一度やり直してください。
    コメントと書くには、保護者 (ほごしゃ) の方の許可 (きょか) をもらってください。許可をリクエストする
    保護者 (ほごしゃ) の方が、あなたがコメントを書けないようにしています。
    現在、コメントを削除できません。後でもう一度やり直してください。
    1 日に投稿できるコメントの最大数を超えました。24 時間経過してから、もう一度やり直してください。
    あなたが他のユーザーに対して迷惑行為を行っている可能性があると確認されたため、お使いのアカウントによるコメントの投稿を無効にしています。誤って無効にされたと思われる場合は、Windows Live のサポートにお問い合わせください。
    コメントを投稿する前に、以下のセキュリティ チェックを完了してください。
    セキュリティ チェックに入力する文字は、画像に表示されている文字または音声で流れた文字と一致していなければいけません。

    コメントを投稿するには、お使いの Windows Live ID でサインインしてください (Hotmail、Messenger、または Xbox LIVE を既に使用している場合は、そのアカウントが Windows Live ID です)。サインイン


    Windows Live ID をお持ちでない場合は、アカウントを新規登録してください。

    babybirthさんの投稿:
    เข้ามาอ่าน space ของคุณหลายครั้งแล้ว ได้ความรุ้เพิ่มขึ้นมาก ....สำหรับวันนี้ขออนุญาตินำ link ของหน้านี้ไปเก็บไว้หน่อยนะค๊ะ เนื่องจากวันนี้ยังไม่มีเวลาทำ ..... เกรงว่าวันที่จะทำแล้วจะหาไม่เจอนะค๊ะ .... เอ..!! จะว่ากันหรือเปล่านะ
    1 月 10 日
    DKM Puiizさんの投稿:
     
    พอใส่แล้วมันไม่เต็มให้อ่ะคะ มันได้แค่ครึ่งเดว
    เหมือนตอนทำสไลด์แล้วมันขาดอ่ะคะ
    ทำไงดีคะมันขึ้นให้ครึ่งเดวเองช่วยตอยด้วยนะคะ
     
     
    9 月 18 日
    Rengrew Supreeya Rengrewさんの投稿:
     ขอบคุณค่ะ
    8 月 14 日
    Rengrew Supreeya Rengrewさんの投稿:
     ขอบคุณค่ะ
    8 月 14 日
    ~*Mido:さんの投稿:
    Thanks
    5 月 14 日
    PaNDAさんの投稿:
    พี่ค่ะคือว่าจะทำสเปรชของกลุ่มเพื่อนๆอะค่ะ แล้วสนใจการทำลูกเล่นในหัวข้อนี้ ลองก๊อบโค๊ชไปใส่แล้วก็ทำได้ แต่ไม่เข้าใจเรื่อง url อะค่ะ ว่าต้องทำแบบไหนให้ขึ้นขอมูลที่เราจะใส่ นู๋ลองเอารูปไปฝากตามเวบ แล้วใส่ uri ลงในโค๊ช พอกดดูตามปกติ รูปก็ไม่ขึ้นอะค่ะ ถ้าไง แนะนำด้วยนะค่ะ ทาง msn ก็ได้ค่ะ
    4 月 24 日
    NaNさんの投稿:
    ยังไม่เข้าใจอ่ะ  ใครทำได้ช่วยสอนหน่อยค้า
    4 月 13 日
    TeeMeeTer Dee_Jungさんの投稿:
    ขอบคุณมากๆเลยนะ  ที่แนะนำวิธีดีดีให้อ่ะ
    4 月 4 日
    TeeMeeTer Dee_Jungさんの投稿:
    ขอบคุณมากๆเลยนะ  ที่แนะนำวิธีดีดีให้อ่ะ
    4 月 4 日
    TeeMeeTer Dee_Jungさんの投稿:
    ขอบคุณมากๆเลยนะ  ที่แนะนำวิธีดีดีให้อ่ะ
    4 月 4 日
    lNaZaalさんの投稿:
    ขอบมากเลยน้า เรากำลังหัดทำอยู่เลย ได้ฟามรู้เยอะขึ้น อิอิ
    3 月 9 日
    lNaZaalさんの投稿:
    ขอบมากเลยน้า เรากำลังหัดทำอยู่เลย ได้ฟามรู้เยอะขึ้น อิอิ
    3 月 9 日
    girl octさんの投稿:
    ขอบคุณมาก ขอบคุณ ที่สุดเลยจ้า
    2 月 4 日
    Lakkhoatra Aphakonさんの投稿:
    โอ้ ตั้งแต่ได้เข้ามา สเปชพี่ ก็ได้อัพสเปชตัวเองขนานใหญ่ ทำให้มีความรู้เพิ่มขึ้นด้วย ขอบคุณคับ
    12 月 18 日
    Lakkhoatra Aphakonさんの投稿:
    โอ้ ตั้งแต่ได้เข้ามา สเปชพี่ ก็ได้อัพสเปชตัวเองขนานใหญ่ ทำให้มีความรู้เพิ่มขึ้นด้วย ขอบคุณคับ
    12 月 18 日
    อะคะ
    11 月 17 日
    T PigletOrmさんの投稿:
    ลองทำมั้ง ^^ ขอบคุณมากมายคะ
    10 月 6 日
    A AoNさんの投稿:
    ขอเอาไปลองทำมั้งนะค่ะ  พี่ทำเก่งจังเลย
    ขอลิ้งด้วยได้มั้ยค่ะ
    9 月 30 日
    surangkana​ng nangfarさんの投稿:
    ขอใช้บ้างนะเจ้าค่ะ  ขอบคุณล่วงหน้าค่ะ
    7 月 12 日
    ภาว์วรีย์さんの投稿:
    เข้ามาทักทาย แล้วก็เอาไปแต่งสเปชของตัวเองบ้าง แต่ก็ยังมือใหม่อยู่ แต่ก็ช่วยได้เยอะค่ะ ขอบคุณมากๆ นะค่ะ
    6 月 30 日

    トラックバック

    この記事を参照しているブログ
    • なし