תבנית:תמונות מרובות: הבדלים בין גרסאות בדף
קפיצה לניווט
קפיצה לחיפוש
אין תקציר עריכה |
חלוקת קונטרסים (שיחה | תרומות) אין תקציר עריכה |
||
שורה 1: | שורה 1: | ||
<includeonly><div class="thumb {{#בחר: {{{ | <noinclude>{{ניהול פרמטרים/תוכן}}</noinclude><includeonly><div class="thumb {{#בחר: {{{יישור|שמאל}}} |שמאל = tleft | מרכז = tnone |ימין = tright}}" style="width:{{#שווה: {{{כיוון|אופקי}}} | אנכי | {{#חשב: {{#תנאי: {{{רוחב|}}} | {{{רוחב}}} | {{{רוחב1}}} }} + 12}} | {{#תנאי: {{{רוחב|}}} | {{#חשב: 8 + ({{{רוחב|0}}} + 4) * {{#תנאי: {{{תמונה5|}}} | 5 | {{#תנאי: {{{תמונה4|}}} | 4 | {{#תנאי: {{{תמונה3|}}} | 3 | 2 }} }} }} }} | {{#חשב: 16 + {{{רוחב1}}} + {{{רוחב2}}} + {{{רוחב3|0}}} + {{{רוחב4|0}}} + {{{רוחב5|0}}} + {{#תנאי: {{{תמונה5|}}} | 12 | {{#תנאי: {{{תמונה4|}}} | 8 | {{#תנאי: {{{תמונה3|}}} | 4 | 0 }} }} }} }} }} }}px;margin: 0.25em {{#בחר:{{{יישור|שמאל}}}|שמאל=1em|ימין=0|מרכז=auto}} 1em {{#בחר:{{{יישור|שמאל}}}|שמאל=0|ימין=1em|מרכז=auto}};{{#תנאי:{{{צבע רקע|}}}|background-color:{{{צבע רקע}}};}} {{#תנאי:{{{ללא גבול|}}}|border-style:hidden; border-width:0;}}"> | ||
<div class="thumbinner" style="{{#תנאי:{{{צבע רקע|}}}|background-color:{{{צבע רקע}}};}} {{#תנאי:{{{ללא גבול|}}}|border:0 hidden; border-width:0;}}"> | <div class="thumbinner" style="{{#תנאי:{{{צבע רקע|}}}|background-color:{{{צבע רקע}}};}} {{#תנאי:{{{ללא גבול|}}}|border:0 hidden; border-width:0;}}"> | ||
{{#תנאי: {{{כותרת|}}} | <div style="clear:both;font-weight:bold;text-align:{{#בחר: {{{ | {{#תנאי: {{{כותרת|}}} | <div style="clear:both;font-weight:bold;text-align:{{#בחר: {{{יישור כותרת|מרכז}}} | מרכז = center | ימין = right | שמאל = left}} ;background:{{{רקע כותרת|transparent}}};">{{{כותרת}}}</div> }} | ||
<div style="{{#שווה: {{{כיוון|אופקי}}} | אופקי | | <div style="{{#שווה: {{{כיוון|אופקי}}} | אופקי | display:inline-block;}}width:{{#חשב: 2 + {{#תנאי: {{{רוחב|}}} | {{{רוחב}}} | {{{רוחב1}}} }} }}px;"><div class="thumbimage">[[קובץ:{{{תמונה1}}}|{{#תנאי: {{{רוחב|}}} | {{{רוחב}}} | {{{רוחב1}}} }}px{{#שווה: {{{קישור1|:}}}|:||{{!}}link={{{קישור1}}}}}|alt={{{חלופי1|}}}|{{{הערה1|}}}]]</div>{{#תנאי: {{{הערה1|}}} | <div class="thumbcaption" style="clear:left;">{{{הערה1}}}</div>}}</div> | ||
<div style="{{#שווה: {{{כיוון|אופקי}}} | אופקי | | <div style="{{#שווה: {{{כיוון|אופקי}}} | אופקי | display:inline-block;}};width:{{#חשב: 2 + {{#תנאי: {{{רוחב|}}} | {{{רוחב}}} | {{{רוחב2}}} }} }}px;"><div class="thumbimage">[[קובץ:{{{תמונה2}}}|{{#תנאי: {{{רוחב|}}} | {{{רוחב}}} | {{{רוחב2}}} }}px{{#שווה: {{{קישור2|:}}}|:||{{!}}link={{{קישור2}}}}}|alt={{{חלופי2|}}}|{{{הערה2|}}}]]</div>{{#תנאי: {{{הערה2|}}} | <div class="thumbcaption" style="clear:left;">{{{הערה2}}}</div>}}</div> | ||
{{#תנאי: {{{תמונה3|}}} | <div style="{{#שווה: {{{כיוון|אופקי}}} | אופקי | | {{#תנאי: {{{תמונה3|}}} | <div style="{{#שווה: {{{כיוון|אופקי}}} | אופקי | display:inline-block;}}margin:1px;width:{{#חשב: 2 + {{#תנאי: {{{רוחב|}}} | {{{רוחב}}} | {{{רוחב3}}} }} }}px;"><div class="thumbimage">[[קובץ:{{{תמונה3}}}|{{#תנאי: {{{רוחב|}}} | {{{רוחב}}} | {{{רוחב3}}} }}px{{#שווה: {{{קישור3|:}}}|:||{{!}}link={{{קישור3}}}}}|alt={{{חלופי3|}}}|{{{הערה3|}}}]]</div>{{#תנאי: {{{הערה3|}}} | <div class="thumbcaption" style="clear:left;">{{{הערה3}}}</div>}}</div> | ||
{{#תנאי: {{{תמונה4|}}} | <div style="{{#שווה: {{{כיוון|אופקי}}} | אופקי | | {{#תנאי: {{{תמונה4|}}} | <div style="{{#שווה: {{{כיוון|אופקי}}} | אופקי | display:inline-block;}}margin:1px;width:{{#חשב: 2 + {{#תנאי: {{{רוחב|}}} | {{{רוחב}}} | {{{רוחב4}}} }} }}px;"><div class="thumbimage">[[קובץ:{{{תמונה4}}}|{{#תנאי: {{{רוחב|}}} | {{{רוחב}}} | {{{רוחב4}}} }}px{{#שווה: {{{קישור4|:}}}|:||{{!}}link={{{קישור4}}}}}|alt={{{חלופי4|}}}|{{{הערה4|}}}]]</div>{{#תנאי: {{{הערה4|}}} | <div class="thumbcaption" style="clear:left;">{{{הערה4}}}</div>}}</div> | ||
{{#תנאי: {{{תמונה5|}}} | <div style="{{#שווה: {{{כיוון|אופקי}}} | אופקי | | {{#תנאי: {{{תמונה5|}}} | <div style="{{#שווה: {{{כיוון|אופקי}}} | אופקי | display:inline-block;}}margin:1px;width:{{#חשב: 2 + {{#תנאי: {{{רוחב|}}} | {{{רוחב}}} | {{{רוחב5}}} }} }}px;"><div class="thumbimage">[[קובץ:{{{תמונה5}}}|{{#תנאי: {{{רוחב|}}} | {{{רוחב}}} | {{{רוחב5}}} }}px{{#שווה: {{{קישור5|:}}}|:||{{!}}link={{{קישור5}}}}}|alt={{{חלופי5|}}}|{{{הערה5|}}}]]</div>{{#תנאי: {{{הערה5|}}} | <div class="thumbcaption" style="clear:left;">{{{הערה5}}}</div>}}</div>}}}}}} | ||
{{#תנאי: {{{סיומת|}}} | <div class="thumbcaption" style="clear:left;text-align:{{#בחר: {{{ | {{#תנאי: {{{סיומת|}}} | <div class="thumbcaption" style="clear:left;text-align:{{#בחר: {{{יישור סיומת|ימין}}} | שמאל = left | ימין = right | מרכז = center}};background:{{{רקע סיומת|transparent}}};">{{{סיומת}}}</div> }}</div></div>{{#invoke:ParamValidator|validateparams|module_options=יחידה:PV-options}}</includeonly><noinclude>{{תיעוד|תמונות מרובות/הסבר}}<templatedata> | ||
{ | |||
"params": { | |||
"יישור": {}, | |||
"כיוון": {}, | |||
"רוחב": {}, | |||
"רוחב1": {}, | |||
"תמונה5": {}, | |||
"תמונה4": {}, | |||
"תמונה3": {}, | |||
"רוחב2": {}, | |||
"רוחב3": {}, | |||
"רוחב4": {}, | |||
"רוחב5": {}, | |||
"צבע רקע": {}, | |||
"ללא גבול": {}, | |||
"כותרת": {}, | |||
"יישור כותרת": {}, | |||
"רקע כותרת": {}, | |||
"תמונה1": {}, | |||
"קישור1": {}, | |||
"חלופי1": {}, | |||
"הערה1": {}, | |||
"תמונה2": {}, | |||
"קישור2": {}, | |||
"חלופי2": {}, | |||
"הערה2": {}, | |||
"קישור3": {}, | |||
"חלופי3": {}, | |||
"הערה3": {}, | |||
"קישור4": {}, | |||
"חלופי4": {}, | |||
"הערה4": {}, | |||
"קישור5": {}, | |||
"חלופי5": {}, | |||
"הערה5": {}, | |||
"סיומת": {}, | |||
"יישור סיומת": {}, | |||
"רקע סיומת": {} | |||
}, | |||
"format": "block" | |||
} | |||
</templatedata> | |||
</noinclude> |
גרסה אחרונה מ־04:11, 25 בנובמבר 2020
המידע מטה מוצג מתוך הדף תבנית:תמונות מרובות/הסבר.
תבנית זו יוצרת תיבה עם 2 עד 5 תמונות, מסודרות אנכית או אופקית, עם כיתוב לתיבה כולה או לכל תמונה בנפרד.
שימוש[עריכת קוד מקור]
- יישור ברירת מחדל "שמאל"
- כיוון ברירת מחדל "אופקי"
- יישור כותרת ברירת מחדל "מרכז"
- יישור סיומת ברירת מחדל "ימין"
- תמונה1 פרמטר לתמונה ראשונה. זהה לתמונה2 וכו'
- רוחב1 פרמטר רוחב לתמונה ראשונה. זהה לרוחב2 וכו'
- חלופי1 טקסט חלופי לתמונה ראשונה. זהה לחלופי2 וכו'
- הערה1 הערה לתמונה ראשונה. זהה להערה2 וכו'
- קישור1 העמוד אליו התמונה הראשונה מקשרת. זהה לקישור2 וכו'. אם הפרמטר מצוין אך נשאר ריק התמונה לא תקשר לכלום. אם הפרמטר לא מצוין, התמונה תקשר לעמוד תיאור התמונה הרגיל. מומלץ לא להשתמש בפרמטרים אלו.
- רוחב דורס ומחליף את רוחב-1, רוחב-2, רוחב-3, רוחב-4, ורוחב-5. אם ברצונכם שהתמונות יהיו בעלות רוחב שונה אל תשתמשו בפרמטר זה
- צבע רקע קובע את צבע הרקע של התיבה.
- ללא גבול ברירת מחדל היא עם גבול
- כותרת, סיומת, צבע רקע והערות הם אופציונליים.
{{תמונות מרובות | יישור = שמאל/ימין/מרכז | כיוון = אופקי/אנכי | כותרת = | יישור כותרת = שמאל/ימין/מרכז | רקע כותרת = | סיומת = | יישור סיומת = שמאל/ימין/מרכז | רקע סיומת = | רוחב = | ללא גבול = | תמונה1 = | רוחב1 = | חלופי1 = | הערה1 = | תמונה2 = | רוחב2 = | חלופי2 = | הערה2 = | תמונה3 = | רוחב3 = | חלופי3 = | הערה3 = | תמונה4 = | רוחב4 = | חלופי4 = | הערה4 = | תמונה5 = | רוחב5 = | חלופי5 = | הערה5 = }}
דוגמאות[עריכת קוד מקור]
דוגמאות בסיסיות[עריכת קוד מקור]
{{תמונות מרובות | סיומת = סמיילים = אייקונים. | רוחב = 60 | תמונה1 = משיח בוודאי.jpg | חלופי1 = חיוך רחב | תמונה2 = ד' מינים של הרבי 2.jpeg | חלופי2 = קריצה }}
{{תמונות מרובות | יישור = ימין | כיוון = אנכי | כותרת = הגדרת שקיפות של PNG | רוחב = 200 | תמונה1 = ד גולדשטיין צפת.jpg | חלופי1 = קוביות צבעוניות על רקע לבן | הערה1 = תמונת PNG עם שכבת שקיפות 8-bit... | תמונה2 = דב גינזבורג.jpg | חלופי2 = קוביות צבעוניות על רקע משובץ | הערה2 = ...כאן מכסה רקע משובץ }}
{{תמונות מרובות | סיומת = תמונות של מספרים מוצגות אופקית | רוחב = 60 | תמונה1 = מאיור.jpg | חלופי1 = 2 | תמונה2 = מאחורי הדבש.jpg | חלופי2 = 3 | תמונה3 = ר' גיא מלכה.jpg | חלופי3 = 4 }}
דוגמה עם צבע רקע[עריכת קוד מקור]
{{תמונות מרובות | תמונה1=ר' אשר גרוסמן.jpg | חלופי1=צמח ירוק עם פרחים צהובים-לבנים קטנים | תמונה2=ר' אליהו חיים אלטהויז.png | חלופי2=שלושה פרחים צהובים-לבנים על רקע עלים ירוקים | תמונה3=ר' אליהו חביב.jpg | חלופי3=עלים של צמח. הם בקבוצות של 3, כל אחד עם 3 אונות | סיומת=[[Adoxa]] {{כ}}(''Adoxa moschatellina'') | רקע סיומת=#BBDD99 | צבע רקע=#BBDD99 | יישור סיומת=מרכז | רוחב=160 }}
דוגמה עם קישורים[עריכת קוד מקור]
{{תמונות מרובות | סיומת = הפרד מקושר ל[[פרד]], ה[[חמור]] לא מקושר לשום מקום, והטרוטה לדף התמונה הרגיל. | יישור = ימין | תמונה1 = יא ניסן תשמב.jpg | רוחב1 = 143 | חלופי1 = פרד | הערה1 = <center>770</center> | קישור1 = פרד | תמונה2 = י' שבט תשנ"ג.jpg | רוחב2 = 150 | חלופי2 = חמור | הערה2 = <center>חמור</center> | קישור2 = | תמונה3 = י''ט כסליו ביצהר.jpg | רוחב3 = 91 | חלופי3 = טרוטה | הערה3 = <center>דג</center> }}
התאמת גובה התמונות בהצגה אופקית[עריכת קוד מקור]
טריק זה אינו נחוץ במקרה ויחס הגובה-רוחב בכל התמונות יחס גבהים זהה במצב זה מספיק לתת |רוחב=
- החליטו על גובה משותף לתמונות, למשל 100 פיקסלים.
- בדקו את דפי התמונות לקבל הרזולוציה המלאה, למשל:
- קובץ:דבקית חשוב טוב.jpeg מראה "Donkey_1_arp_750px.jpg (750 × 536 פיקסלים, גודל הקובץ: 125 קילו־בייט, סוג MIME: image/jpeg)"
- קובץ:י"ב סיון תשנ"א.jpg מראה "Rainbow trout.png (300 × 300 פיקסלים, גודל הקובץ: 158 קילו־בייט, סוג MIME: image/png)"
- לתמונות לא ריבועיות השתמשו בפרמטרי
|רוחב#=
בצורה הבאה:{{#חשב: (גר * רמ / גמ) round 0}}
- כך ש-
- גר הוא הגובה הרצוי (100)
- רמ הוא הרוחב המקורי (750 או 300)
- גמ הוא הגובה המקורי (536 או 300)
- לתמונות ריבועיות השתמשו ב
|רוחב=
בשביל הגובה הרצוי
{{תמונות מרובות | סיומת = שתי התמונות מוצגות בגובה 100 פיקסלים | יישור = שמאל | תמונה1 = דבקית חשוב טוב.jpeg | רוחב1 = {{#חשב: (100 * 750 / 536) round 0}} | חלופי1 = חמור | הערה1 = חמור, לא ריבוע, במקור בגובה 536 פיקסלים | תמונה2 = י"ב סיון תנש"א.jpg | רוחב2 = 100 | חלופי2 = טרוטה | הערה2 = דג, ריבוע, במקור בגובה 300 פיקסלים }}
ראו גם[עריכת קוד מקור]
- עזרה:מצגת תמונות
- תבניות:
- {{גלריה מוסתרת}}
- {{תמונה מוסתרת}}
- {{תמונה רחבה}}
- {{תמונות קולאז'}}
אין תיאור.
פרמטר | תיאור | סוג | מצב | |
---|---|---|---|---|
יישור | יישור | אין תיאור | בלתי־ידוע | לא חובה |
כיוון | כיוון | אין תיאור | בלתי־ידוע | לא חובה |
רוחב | רוחב | אין תיאור | בלתי־ידוע | לא חובה |
רוחב1 | רוחב1 | אין תיאור | בלתי־ידוע | לא חובה |
תמונה5 | תמונה5 | אין תיאור | בלתי־ידוע | לא חובה |
תמונה4 | תמונה4 | אין תיאור | בלתי־ידוע | לא חובה |
תמונה3 | תמונה3 | אין תיאור | בלתי־ידוע | לא חובה |
רוחב2 | רוחב2 | אין תיאור | בלתי־ידוע | לא חובה |
רוחב3 | רוחב3 | אין תיאור | בלתי־ידוע | לא חובה |
רוחב4 | רוחב4 | אין תיאור | בלתי־ידוע | לא חובה |
רוחב5 | רוחב5 | אין תיאור | בלתי־ידוע | לא חובה |
צבע רקע | צבע רקע | אין תיאור | בלתי־ידוע | לא חובה |
ללא גבול | ללא גבול | אין תיאור | בלתי־ידוע | לא חובה |
כותרת | כותרת | אין תיאור | בלתי־ידוע | לא חובה |
יישור כותרת | יישור כותרת | אין תיאור | בלתי־ידוע | לא חובה |
רקע כותרת | רקע כותרת | אין תיאור | בלתי־ידוע | לא חובה |
תמונה1 | תמונה1 | אין תיאור | בלתי־ידוע | לא חובה |
קישור1 | קישור1 | אין תיאור | בלתי־ידוע | לא חובה |
חלופי1 | חלופי1 | אין תיאור | בלתי־ידוע | לא חובה |
הערה1 | הערה1 | אין תיאור | בלתי־ידוע | לא חובה |
תמונה2 | תמונה2 | אין תיאור | בלתי־ידוע | לא חובה |
קישור2 | קישור2 | אין תיאור | בלתי־ידוע | לא חובה |
חלופי2 | חלופי2 | אין תיאור | בלתי־ידוע | לא חובה |
הערה2 | הערה2 | אין תיאור | בלתי־ידוע | לא חובה |
קישור3 | קישור3 | אין תיאור | בלתי־ידוע | לא חובה |
חלופי3 | חלופי3 | אין תיאור | בלתי־ידוע | לא חובה |
הערה3 | הערה3 | אין תיאור | בלתי־ידוע | לא חובה |
קישור4 | קישור4 | אין תיאור | בלתי־ידוע | לא חובה |
חלופי4 | חלופי4 | אין תיאור | בלתי־ידוע | לא חובה |
הערה4 | הערה4 | אין תיאור | בלתי־ידוע | לא חובה |
קישור5 | קישור5 | אין תיאור | בלתי־ידוע | לא חובה |
חלופי5 | חלופי5 | אין תיאור | בלתי־ידוע | לא חובה |
הערה5 | הערה5 | אין תיאור | בלתי־ידוע | לא חובה |
סיומת | סיומת | אין תיאור | בלתי־ידוע | לא חובה |
יישור סיומת | יישור סיומת | אין תיאור | בלתי־ידוע | לא חובה |
רקע סיומת | רקע סיומת | אין תיאור | בלתי־ידוע | לא חובה |