Author Topic: การโพสกระทู้ รูปภาพแบบหลายๆ ภาพในโพส เดียวกัน  (Read 14205 times)

0 Members and 1 Guest are viewing this topic.

Offline ZNZ2009

  • Moderator.
  • Hero Member
  • *****
  • Thank You
  • -Given: 2523
  • -Receive: 1890
  • Posts: 1322
  • Money can't buy!
    • http://s886.photobucket.com/albums/ac65/wiwatto2005/?start=40
การจัดรูปภาพแบบหลายๆภาพในกระทู้เดียวกัน

ผมต้องการ เปน 3 ภาพต่อหนึ่งแถว และอยู่ตรงกลาง และกำหนดขนาดภาพไว้ที่  width=220 height=140
ภาพใหญ่ หรือเล็ก จะอยู่ในกรอบที่กำหนดไว้ และภาพจะขยายตามขนาดจริง เมื่อคลิกที่ภาพแบบขยาย
 

Code: [Select]
[img width=220 height=140] ลิงค์ภาพ 1 [/img][img width=220 height=140] ลิงค์ภาพ 2 [/img][img width=220 height=140] ลิงค์ภาพ 3 [/img]ตัวอย่างครับ
Code: [Select]
[center][img width=220 height=140]https://i68.photobucket.com/albums/i10/allbecauseofedge/2010/cardbono.jpg[/img] [img width=220 height=140] https://seeker401.files.wordpress.com/2010/01/bono.jpg[/img][img width=220 height=140]https://onlyhdwallpapers.com/wallpaper/music_bono_u2_bands_band_desktop_1024x768_wallpaper-148856.jpeg[/img][/center]

ได้ผลงานภาพ ดังข้างล่างครับ ง่ายๆ
ระบบจะจัดภาพจะอยู่ให้อยู่ใน แถว(ROW)เดียวกันได้ โพสภาพต่อภาพแบบต่อเนื่อง ไม่มีการขึ้นบรรทัดใหม่



การจัด ข้อความ ภาพ และ วิดีโอคลิป
ผมจัดอยู่ในรูป TABLE ครับ

Code: [Select]
[center]
[table]
[tr]
[td]ช่องที่ 1 ภาพ และข้อความ[/td]
[td]ช่องที่ 2Clip[/td]
[/tr]
[/table]
[/center]

ตัวอย่างครับ
 
Code: [Select]
[center][table]
[tr]
[td][center][img width=320 height=240]https://i68.photobucket.com/albums/i10/allbecauseofedge/2010/cardbono.jpg[/img][/center]
Paul David Hewson (born 10 May 1960), most commonly known by his stage name Bono (/ˈbɒnoʊ/ BON-oh), is an Irish singer, musician, and humanitarian best known for being the main vocalist of the Dublin-based rock band U2. Bono was born and raised in Dublin, Ireland, and attended Mount Temple Comprehensive School where he met his future wife, Alison Stewart, and the future members of U2.[1][2][3][/td]
[td][url=https://www.youtube.com/watch?v=BgZ4ammawyI#]https://www.youtube.com/watch?v=BgZ4ammawyI#[/url][/td]
[/tr]
[/table][/center]

ได้ผลงานภาพ ดังข้างล่างครับ

Paul David Hewson (born 10 May 1960), most commonly known by his stage name Bono (/ˈbɒnoʊ/ BON-oh), is an Irish singer, musician, and humanitarian best known for being the main vocalist of the Dublin-based rock band U2. Bono was born and raised in Dublin, Ireland, and attended Mount Temple Comprehensive School where he met his future wife, Alison Stewart, and the future members of U2.[1][2][3]
https://www.youtube.com/watch?v=BgZ4ammawyI#


เดี๋ยวมาจัดต่อบอลกำลังสนุก ครับ
เชียร์    ปีเตอร์ เช็ก หัวยางอยู่ ครับ
I'm not perfect by any means

Offline เล็กซ์อาร์ต

  • The Knowledge Giver
  • Hero Member
  • ***
  • Thank You
  • -Given: 624
  • -Receive: 1154
  • Posts: 932
  • Learning & Teach Not Copying
    • http://lexsign.multiply.com/photos/
เข้ามาแอบเซงกะรูปทดสอบ ..... มันไม่เร้าใจวัยรุ่นซะเลย :(
Design By Lexarts  www.diycncthai.com Tel. 082 440 3409  

Offline mechatronics4u.com

  • Sr. Member
  • ****
  • Thank You
  • -Given: 240
  • -Receive: 52
  • Posts: 176
    • แมคคาทรอนิกส์ ฟอร์ ยู ดอทคอม


 

หาอยู่นาน ว่าจะทำยังไง... แจ๋วครับ
;D  ขอบคุณมากครับ
www.mechatronics4u.com | แมคคาทรอนิกส์ ฟอร์ ยู ดอท คอม
087-9192345

Offline ZNZ2009

  • Moderator.
  • Hero Member
  • *****
  • Thank You
  • -Given: 2523
  • -Receive: 1890
  • Posts: 1322
  • Money can't buy!
    • http://s886.photobucket.com/albums/ac65/wiwatto2005/?start=40
ห้องค้าก็ทำให้น่าดูได้ครับ
ตัวอย่าง ที่เสร็จแล้ว ครับ

Mach3 ไลเซ่นส์ไฟล์
6,379.00บาท
มาคสาม ​เป็น​ตระกูลซอฟท์​แวร์ที่ถูกพัฒนาขึ้นสำ​หรับ​ผู้​ที่ชื่นชอบงานอดิ​เรกทางด้าน​ CNC ​เป็น​เบื้องต้น​
​แต่สุดท้ายกลับถูกนำ​ไป​ใช้​ใน​ภาคอุตสาหกรรม​ด้วย​เช่น​กัน
คุณสมบัติ​และ​หน้าที่ๆ​มา์คสามมี​ให้​:
ทำ​การแปลง​ให้​เครื่องคอมพิวเตอร์พีซีมาตรฐาน​ให้​เป็น​เครื่องควบคุมมินิซี​เอ็นซี​ 6 ​แกน
อนุญาติ​ให้​ทำ​การอิมพอร์ทไฟล์​ DXF, BMP, JPG, ​และ​ HPGL ​โดย​ผ่านซอฟท์​แวร์​ LazyCam
แสดง​ Gcode ​ใน​รูปแบบกราฟฟิก
สร้าง​ Gcode ​ผ่านซอฟท์​แวร์​ LazyCam ​หรือ​ผ่านซอฟท์​แวร์​ Wizards ​บนตัวของมันเอง
ผู้​ใช้​สามารถ​ปรับแต่งหน้าตา​ (GUI) ​ของซอฟท์​แวร์​ได้​
ปรับแต่ง​ M-Codes ​และ​ Macros ​โดย​ใช้​ภาษา​ VBscript
ควบคุม​ความ​เร็ว​มอเตอร์​ Spindle
ควบคุมรี​เลย์​ได้​หลายตัว
รับสัญญาณพัลส์​แบบมือหมุน​ (MPG) ​ได้
แสดงภาพ​จาก​กล้อง​ Video ​ได้​สำ​หรับวาง​และ​เล็งชิ้นงาน
ใช้​กับ​จอ​ Touch screen ​ได้
ปุ่มรับคำ​สั่ง​และ​หน้าตาของซอฟท์​แวร์ปรับเปลี่ยนขนาด​ให้​เหมาะ​กับ​ขนาดของจอมอนิ​เตอร์​โดย​อัตโนมัติ
รายละเอียดของฟีเจอร์เหล่านี้ดูได้ที่ https://www.cncroom.com/forum/index.php/board,4.0.html
---------------------------
  High Speed Spindle - 65mm Air cooling
สปินเดิ้ลความเร็วสูง
ระบายความร้อนด้วยอากาศ, ด้วยใบพัดที่ติดกับแกน shaft
ด้านบนดูดและอัดลมผ่านร่องภายในตัวมอเตอร์เอง
 หมดกังวลเรื่องปั๊มหยุดทำงานหรือน้ำขาดในระบบหล่อเย็นด้วยน้ำ
ใช้ไฟ 220Vac 3 phase ต้องใช้กับอินเวอร์เตอร์
ความเร็วสูงสุด 24,000 RPM ที่ความถี่สูงสุด 400HZ
ขนาด 1hp หรือ 800w
มากับลูกคอลเล็ท ER11 ขนาด 3 มม.
ทรงกลมขนาดเส้นผ่าศูนย์กลาง 65 มม
น้ำหนัก 3 กิโลกรัม
link: https://oldstore.cncroom.com/index.php?main_page=product_info&cPath=10&products_id=34
« Last Edit: June 13, 2012, 07:19:16 AM by ZNZ2009 »
I'm not perfect by any means

Offline Weerasak

  • Global Moderator
  • Hero Member
  • *****
  • Thank You
  • -Given: 1476
  • -Receive: 3804
  • Posts: 2849
ผมชอบรูปแบบด้านบน และลองแกะมาเป็นแทมเพลตเพื่ออนาคตจะได้มาก็อปปี้ไปใช้งานได้ง่ายขึ้น ส่วนเรื่องขนาดของรูปภาพจะคำนวณมือได้ไง เช่นว่า
Code: [Select]
[img width=320 height=234]
รูปแบบแรกรูปอยู่ด้านขวาของข้อความ
Code: [Select]
[center][table]
[tr]
[td][size=18pt][b]Mach3 ไลเซ่นส์ไฟล์[/b][/size]
....ข้อความ....[/td]
[td][img width=320 height=234]...ลิงค์รูปภาพ...[/img][/td]
[/tr]
[/table][/center]

---------------------------

รูปแบบที่สองรูปอยู่ด้านซ้ายของข้อความ
Code: [Select]
[center][table]
[tr]
[td][img width=320 height=240]...ลิงค์รูปภาพ...[/img][/td] [td]  [/td] [td]...ข้อความ...[/td]
[/tr]
[/table][/center]

Offline ZNZ2009

  • Moderator.
  • Hero Member
  • *****
  • Thank You
  • -Given: 2523
  • -Receive: 1890
  • Posts: 1322
  • Money can't buy!
    • http://s886.photobucket.com/albums/ac65/wiwatto2005/?start=40
การกำหนดขนาดภาพครับ ขณะกำลังโพส เมื่อ preview ดู ระะบบ จะไม่แสดง ข้อมูลของผู้โพส(ด้านซ้าย ของกระทู้)
การไม่เสียพื้นที่ส่วนหนึ่งให้กับระบบ จึงดูแตกต่างนิดหน่อยเมื่อ  ต้องการให้โพสแสดงจริงๆ หลังจากกดปุ่่มยืนยัน ส่งโพสเข้าระบบ
การลดขนาดภาพลงมา ให้พอเหมาะ ช่วยได้ตรงนี้ครับ
I'm not perfect by any means

Offline tawat_xv

  • Moderator.
  • Sr. Member
  • *****
  • Thank You
  • -Given: 255
  • -Receive: 1119
  • Posts: 277
  • 081 346-3201
    • www.facebook.com/tawatxv

test
test
ทดสอบ
ทดสอบ
My Princess
test
test test
test test test


ทำได้แล้วครับ
ขอบคุณครับพี่  ;D ;D ;D ;D ;D ;D
รับสร้าง รับซ่อม จำหน่ายอุปกรณ์ สำหรับงานมินิซีเอ็นซี
ยินดีให้คำปรึกษา สนใจโทร 081-346 3201 ธวัชชัย

Offline ZNZ2009

  • Moderator.
  • Hero Member
  • *****
  • Thank You
  • -Given: 2523
  • -Receive: 1890
  • Posts: 1322
  • Money can't buy!
    • http://s886.photobucket.com/albums/ac65/wiwatto2005/?start=40
 ลูกสาว เจ้าหญิงน้อย น่ารักครับ คุณtawat_xv  :D

I'm not perfect by any means

Offline pack12

  • Sr. Member
  • ****
  • Thank You
  • -Given: 479
  • -Receive: 281
  • Posts: 237
    • www.chewchewcnc.com
แจ่มเลย เดียวจัดเป็นคอลเลคชั่นให้ดู  ;D

Offline ZNZ2009

  • Moderator.
  • Hero Member
  • *****
  • Thank You
  • -Given: 2523
  • -Receive: 1890
  • Posts: 1322
  • Money can't buy!
    • http://s886.photobucket.com/albums/ac65/wiwatto2005/?start=40
ระบบอัจฉริยะ ของ CNCRooms จัดการในส่วนของ clip ของ Youtube  ทำง่ายๆเลยครับ (โม้ไปโน้น.... ;D)
Code: [Select]
[url]...วิดีโอลิงค์...[/url]
ตัวอย่างครับ ตั่งใจจัดให้อยู่ตรงกลาง ครับ
Code: [Select]
[center][url]https://www.youtube.com/watch?list=UL_XVA0isSD-c&feature=player_detailpage&v=_XVA0isSD-c[/url][/center]
I'm not perfect by any means

Offline Weerasak

  • Global Moderator
  • Hero Member
  • *****
  • Thank You
  • -Given: 1476
  • -Receive: 3804
  • Posts: 2849
การปรับเปลี่ยนขนาดด้วยมือ ก็ไม่ยากเหมือนกัน ระบบออโต้ไม่ทำงานกับ www.upic.me

edit: แก้ไข upicme.com เป็น upic.me
« Last Edit: June 14, 2012, 07:04:43 AM by Weerasak »

Offline highnuvele

  • Jr. Member
  • **
  • Thank You
  • -Given: 1
  • -Receive: 1
  • Posts: 3
อนาคตได้ใช้ครับ ตอนนี้ขอศึกษาข้อมูลก่อน ;D

Offline jaae

  • Sr. Member
  • ****
  • Thank You
  • -Given: 179
  • -Receive: 66
  • Posts: 150

Offline flashmicrolab

  • Jr. Member
  • **
  • Thank You
  • -Given: 0
  • -Receive: 0
  • Posts: 5

Offline tum2018

  • Jr. Member
  • **
  • Thank You
  • -Given: 0
  • -Receive: 0
  • Posts: 9

 

SimplePortal 2.3.7 © 2008-2024, SimplePortal