DeeZan ชุมชนคนรักดี(ซ่าน)
Would you like to react to this message? Create an account in a few clicks or log in to continue.


แบ่งปัน สิ่งดีๆ สาระ ความรู้ สารพัน บันเทิง (ปี 8)
 
บ้านGalleryLatest imagesค้นหาสมัครสมาชิก(Register)เข้าสู่ระบบ(Log in)

 

 code Image ใส่รูป

Go down 
5 posters
ผู้ตั้งข้อความ
starblue
Oxytocin
Oxytocin
starblue



code Image ใส่รูป Empty
ตั้งหัวข้อเรื่อง: code Image ใส่รูป   code Image ใส่รูป Icon_minitime12/6/2009, 02:16

write ใส่รูปปกติ

Code:

[img]....Url image..ไม่ต้องเว้นวรรค[/img]

[img]http://i333.photobucket.com/albums/m397/missyou-myspace/Miss-You-Comments10.gif[/img]
code Image ใส่รูป Miss-You-Comments10

write ใส่รูปที่มีขนาดใหญ่ ลดให้เล็กลง
Code:

<img src="...url...." alt="" width="368" height="324" />

<img src="http://img220.imageshack.us/img220/9743/dd2bc2e5a7b2f38046b6280vu7.gif" alt="" width="368" height="324" />

code Image ใส่รูป Dd2bc2e5a7b2f38046b6280vu7
ขึ้นไปข้างบน Go down
rub4love
Love So good
Love So good
rub4love



code Image ใส่รูป Empty
ตั้งหัวข้อเรื่อง: Re: code Image ใส่รูป   code Image ใส่รูป Icon_minitime14/6/2009, 03:31

เห็น เขาโพล ก็เลยทำตามบ้าง หุหุ เอาของเขามาอีกที
แก้ Code กันเอาเองนะ sure

ตัวอย่างอะ

Code link ให้รูป
code Image ใส่รูป Deezan11





Code:
 
แบบ 1 ลิงค์ ธรรมดา
[URL=http://deezan.forumotion.net]
[img]http://i61.servimg.com/u/f61/13/71/55/96/deezan11.gif[/img][/URL]

แบบ  2 กำหนดขนาดภาพที่แสดง HTML
<a target='_blank' href='http://deezan.forumotion.net/'>
<img src='http://i61.servimg.com/u/f61/13/71/55/96/deezan12.gif'
alt="" width="468" height="62" border='0'/></a>

แบบ  3 กำหนดขนาดภาพที่แสดง  มีคำอธิบายเื่มื่อเมาส์ชี้ HTML
<a target='_blank' title='DeeZan ชุมชนคนรักดี(ซ่าน)' 
href='http://deezan.forumotion.net/'>
<img src='http://i61.servimg.com/u/f61/13/71/55/96/deezan12.gif'
alt="" width="468" height="62" border='0'/></a>
Code link ให้ข้อความ
DeeZan ชุมชนคนรักดี(ซ่าน)
Code:
[url=http://deezan.forumotion.net]DeeZan ชุมชนคนรักดี(ซ่าน)[/url]
ขึ้นไปข้างบน Go down
????????
ผู้มาเยือน




code Image ใส่รูป Empty
ตั้งหัวข้อเรื่อง: Re: code Image ใส่รูป   code Image ใส่รูป Icon_minitime17/6/2009, 22:03

กำหนดให้รูปมีขนาดต่างๆ ที่ต้องการ


Code:
<img src='http://i242.photobucket.com/albums/ff298/akapong999/dookdik/earring/307.gif' alt="" width="108" height="138" border='0'/>


ซ่อนข้อความ link image อื่นๆ จะต้องตอบกระทู้ก่อน จึงจะแสดง

Code:
[hide]..............ไม่เว้นวรรค....................[/hide]
ขึ้นไปข้างบน Go down
nu_kun0014
Serotonin
Serotonin
nu_kun0014



code Image ใส่รูป Empty
ตั้งหัวข้อเรื่อง: ขอบคุณครับ   code Image ใส่รูป Icon_minitime24/10/2009, 19:47

ทีแรกใส่รูปไม่เป็น
เลยไม่ค่อยมีรูปให้เห็นในหัวข้อต่าง ๆ ของผม
ต้อง ขอบคุณจริง ๆ
Smile Smile Smile thank you
ขึ้นไปข้างบน Go down
touchchar
Serotonin
Serotonin
touchchar



code Image ใส่รูป Empty
ตั้งหัวข้อเรื่อง: Re: code Image ใส่รูป   code Image ใส่รูป Icon_minitime10/1/2010, 21:22

ใส่ลิงค์ให้รูป และกำหนดขนาดของรูป

code Image ใส่รูป Glitteryourway-5049a13b

Code:
<a title="http://deezan.forumotion.net" href="http://deezan.forumotion.net/forum-f9/topic-t1198.htm#9581"><img src="http://www.glitteryourway.com/img/glitteryourway-5049a13b.gif" alt="" width="499" height="50" /></a>
ขึ้นไปข้างบน Go down
????????
ผู้มาเยือน




code Image ใส่รูป Empty
ตั้งหัวข้อเรื่อง: Re: code Image ใส่รูป   code Image ใส่รูป Icon_minitime27/3/2010, 22:40

เข้ามาเก็บข้อมูลครับ อิอิ นานๆ ใช้ที ลืมครับ
thank you
ขึ้นไปข้างบน Go down
skylove
Oxytocin
Oxytocin
skylove



code Image ใส่รูป Empty
ตั้งหัวข้อเรื่อง: Script ลูกเล่นการแสดงผลของรูปภาพ เมื่อคลิ๊กรูปภาพแล้วภาพขยายใหญ่ขึ้น   code Image ใส่รูป Icon_minitime22/10/2010, 11:37

Script ลูกเล่นการแสดงผลของรูปภาพ เมื่อคลิ๊กรูปภาพแล้วภาพขยายใหญ่ขึ้น


ชุมชนคนรักดี(ซ่าน)
ตัวอย่าง

เทคนิคการ การทำคลิ๊กรูปภาพที่หน้าเว็บไซต์เราและขยายเป็นรูปภาพใหญ่มีวิธีการดังนี้
1. เรามีรูปที่ต้องการทำ 2 ขนาด โดยขนาดแรกคือรูปที่ใช้แสดงบนหน้าเว็บ(ก่อนคลิ๊ก) รูปที่สองคือรูปที่มีขนาดใหญ่(รูปตอนที่คลิ๊กขยาย)
2. ทำการอัพรูปภาพขึ้น ระบบทั้งสองรูปภาพ
3.
Code:

<a id="thumb20" onclick="return hs.expand(this)" href="A url รูปภาพขนาดใหญ่ (รูปภาพตอนคลิ๊กขยาย)">
<img src="B url รูปภาพเล็ก (รูปภาพก่อนคลิ๊ก)" alt="ข้อความเมื่อนำเมาส์วางบนรูป"  /> </ a>

[URL=A url รูปภาพขนาดใหญ่ (รูปภาพตอนคลิ๊กขยาย)][img]B url รูปภาพเล็ก (รูปภาพก่อนคลิ๊ก)[/img][/URL]

4.และทำการ เปลี่ยน url รูปภาพ เป็นรูปที่เราต้องการ โดยในส่วน A url รูปภาพขนาดใหญ่ (รูปภาพตอนคลิ๊กขยาย) และในส่วน B ให้ใส่ url รูปภาพเล็ก (รูปภาพก่อนคลิ๊ก)
5.กดปุ่ม Preview เพื่อดูตัวอย่างที่ต้องการ
ุ6.กดปุ่ม send สำเร็จ
ขึ้นไปข้างบน Go down
 
code Image ใส่รูป
ขึ้นไปข้างบน 
หน้า 1 จาก 1
 Similar topics
-
» รวม Image Code Happy Birthday
» Image To ASCII Image Converter โปรแกรมแปลงรูปให้เป็นตัวหนังสือ
» Code ในข้อความในกรอบสำเร็จรูป ....
» ART Image
» ART Image 2

Permissions in this forum:คุณไม่สามารถพิมพ์ตอบ
DeeZan ชุมชนคนรักดี(ซ่าน) :: ข่าวสาส์น ประชาสัมพันธ์ แนะนำเกี่ยวกับดีซ่าน :: กฎ กติกา การใช้งานฟอรัม-
ไปที่: