ผลต่างระหว่างรุ่นของ "วิธีใช้:มาร์กอัปไฟล์ภาพ"

เนื้อหาที่ลบ เนื้อหาที่เพิ่ม
Wedjet (คุย | ส่วนร่วม)
ไม่มีความย่อการแก้ไข
ป้ายระบุ: แก้ไขขั้นสูงด้วยอุปกรณ์เคลื่อนที่
Wedjet (คุย | ส่วนร่วม)
ป้ายระบุ: แก้ไขขั้นสูงด้วยอุปกรณ์เคลื่อนที่
บรรทัด 554:
|{{na|Doesn't work}}
|}
 
== การใช้แบบพิเศษ ==
 
===พาโนรามา===
ภาพขนาดใหญ่มากไม่ควรใส่เข้าบทความโดยตรง เพราะก่อให้เกิดปัญหาในสิ่งแวดล้อมเบราว์เซอร์บางอย่าง ภาพที่กว้างกว่า 550px มักควรถือเป็นพาโนรามา ซึ่งสามารถสร้างได้ด้วยแม่แบบ {{tl|Wide image}} ตัวอย่างเช่น
 
: <code><nowiki>{{wide image|Helsinki z00.jpg|1800px|alt=พาโนรามานครที่มีสิ่งปลูกสร้างระหวา่งห้าชั้นและสิบชั้น|กรุง[[เฮลซิงกิ]] ประเทศฟินแลนด์ มีสิ่งปลูกสร้างมากมาย}}</nowiki></code>
{{wide image|Helsinki z00.jpg|1800px|alt=พาโนรามานครที่มีสิ่งปลูกสร้างระหวา่งห้าชั้นและสิบชั้น|กรุง[[เฮลซิงกิ]] ประเทศฟินแลนด์ มีสิ่งปลูกสร้างมากมาย}}
 
===การจัดเรียงร่วมกัน===
การมีสองภาพที่ตามตรรกะควรจัดกลุ่มร่วมกันเป็นเรื่องปกติ แม่แบบ {{tl|multiple image}} เป็นทางแก้ปัญหาอย่างหนึ่ง ตัวอย่างเช่น
 
{{multiple image
| width = 80
| footer = ใบสีสองใบที่กรรมการฟุตบอลใช้
| image1 = Yellow card.svg
| alt1 = คาร์ทูชสีเหลือง
| caption1 = เตือน
| image2 = Red card.svg
| alt2 = คาร์ทูชสีแดง
| caption2 = ไล่ออก
}}
<pre style="overflow:auto;">
{{multiple image
| width = 80
| footer = ใบสีสองใบที่กรรมการฟุตบอลใช้
| image1 = Yellow card.svg
| alt1 = คาร์ทูชสีเหลือง
| caption1 = เตือน
| image2 = Red card.svg
| alt2 = คาร์ทูชสีแดง
| caption2 = ไล่ออก
}}
</pre>
{{-}}
 
แม่แบบเดียวกันนี้ยังสามารถใช้จัดเรียงภาพในแนวตั้ง ดังนี้
 
{{multiple image
| direction = vertical
| width = 80
| footer = ใบสีสองใบที่กรรมการฟุตบอลใช้
| image1 = Yellow card.svg
| alt1 = คาร์ทูชสีเหลือง
| caption1 = เตือน
| image2 = Red card.svg
| alt2 = คาร์ทูชสีแดง
| caption2 = ไล่ออก
}}
<pre style="overflow:auto;">
{{multiple image
| direction = vertical
| width = 80
| footer = ใบสีสองใบที่กรรมการฟุตบอลใช้
| image1 = Yellow card.svg
| alt1 = คาร์ทูชสีเหลือง
| caption1 = เตือน
| image2 = Red card.svg
| alt2 = คาร์ทูชสีแดง
| caption2 = ไล่ออก
}}
</pre>
{{-}}
 
===แผนที่ภาพ===
<imagemap>
ไฟล์:Bryan-Sewall.jpg|300px|right|alt=โปสเตอร์หาเสียงของพรรคเดโมแครตปี 1896 โดยมีภาพผู้สมัครรับเลือกตั้ง วิลเลียม เจ. ไบรอันจากรัฐเนแบรสกาเป็นประธานาธิบดี และอาเทอร์ เซวอลจากรัฐเมนเป็นรองประธานาธิบดี
circle 950 850 700 [[:en:William Jennings Bryan|วิลเลียม เจ. ไบรอัน]]
circle 2950 850 700 [[:en:Arthur Sewall|อาเทอร์ เซวอล]]
default [http://projects.vassar.edu/1896/democrats.html นักการเมืองพรรคเดโมแครตปี 1896]
</imagemap>
 
คุณสามารถเชื่อมโยงส่วนต่าง ๆ ของภาพไปยังที่ต่าง ๆ โดยใช้[[mw:Extension:ImageMap|แผนที่ภาพ]] ตัวอย่างเช่น ในภาพทางขวามือ เมื่อคลิกวงกลมซึ่งมีขนาดประมาณรูปบุคคลซ้ายมือ จะนำผู้อ่านไปยังบทความ "[[:en:William Jennings Bryan|วิลเลียม เจ. ไบรอัน]]" และรูปบุคคลขวามือจะนำไปยังบทความ "[[:en:Arthur Sewall|อาเทอร์ เซวอล]]" และเมื่อคลิกที่อื่นจะไปยัง <code><nowiki>http://projects.vassar.edu/1896/democrats.html</nowiki></code> ภาพนี้ก่อกำเนิดโดยมาร์กอัพต่อไปนี้
 
<source lang="moin" style="overflow:auto;">
<imagemap>
ไฟล์:Bryan-Sewall.jpg|300px|right|alt=โปสเตอร์หาเสียงของพรรคเดโมแครตปี 1896 โดยมีภาพผู้สมัครรับเลือกตั้ง วิลเลียม เจ. ไบรอันจากรัฐเนแบรสกาเป็นประธานาธิบดี และอาเทอร์ เซวอลจากรัฐเมนเป็นรองประธานาธิบดี
circle 950 850 700 [[:en:William_Jennings_Bryan|วิลเลียม_เจ._ไบรอัน]]
circle 2950 850 700 [[:en:Arthur_Sewall|อาเทอร์_เซวอล]]
default [http://projects.vassar.edu/1896/democrats.html นักการเมืองพรรคเดโมแครตปี 1896]
</imagemap>
</source>
 
มาร์กอัพ imagemap เจาะจงข้อความชื่อเรื่อง (ทูลทิป) ไว้สำหรับสามบริเวณ ได้แก่ "วิลเลียม เจ. ไบรอัน", "อาเทอร์ เซวอล" และ "นักการเมืองพรรคเดโมแครตปี 1896" ตามลำดับ ข้อความทางเลือกสำหรับบริเวณ imagemap จะตรงกับข้อความชื่อเรื่องเสมอ ข้อความทางเลือกสำหรับภาพโดยรวมจะมีระบุในบรรทัดแรกของมาร์กอัพ imagemap มิติดั้งเดิมของภาพพื้นหลังเป็น 3916×1980 พิกเซล และพิกัดที่ระบุไว้ในมิติเหล่านี้ไม่ใช่ในภาพปรับขนาด 300px สามารถระบุบริเวณเป็นรูปวงกลม สี่เหลี่ยมผืนผ้าและรูปหลายเหลี่ยมตามใจชอบได้ดังอธิบายใน[[mw:Extension:ImageMap|เอกสารประกอบแผนที่ภาพ]] และสามารถย้ายหรือระงับไอคอน "i" สีน้ำเงิน [[ไฟล์:Desc-20.png|x14px|link=|alt=]] ได้ นอกจากนี้ ภาพยังสามารถระบุเป็น <code>thumb</code> หรือ <code>frame</code> ได้ หมายความว่าภาพจะมีข้อความและคำบรรยายทั้งหมดตามปกติ โดยมีไอคอนสี่เหลี่ยมผืนผ้าคู่ [[ไฟล์:Magnify-clip.png|link=|alt=]] แทนไอคอน "i" สีน้ำเงิน [[ไฟล์:Desc-20.png|x14px|link=|alt=]]
 
นอกจากนี้ยังมี[[meta:User:Dapete/ImageMapEdit|ตัวแก้ไขแผนที่ภาพ]]
 
[[หมวดหมู่:วิธีใช้ภาพวิกิพีเดีย]]