Vorlage:ImageViewer: Unterschied zwischen den Versionen
Die Seite wurde neu angelegt: „<noinclude> Copyright </noinclude> <includeonly><div class="iv-widget" data-first="{{{first|}}}" data-second="{{{second|}}}" data-third="{{{third|}}}" data-width="{{{width|600}}}" data-left="{{{left|Left}}}" data-right="{{{right|Right}}}" data-both="{{{both|Both}}}"></div></includeonly><noinclude> == Image Viewer Widget == This template creates an interactive image viewer that reveals underlying images by dragging text buttons. === Usage === <pre…“ |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
<includeonly><div class="iv-widget" | <includeonly><div class="iv-widget" | ||
data-first="{{{first|}}}" | data-first="{{{first|}}}" | ||
Version vom 23. Juni 2025, 12:06 Uhr
Image Viewer Widget
This template creates an interactive image viewer that reveals underlying images by dragging text buttons.
Usage
{{ImageViewer
|first=File:Example1.jpg
|second=File:Example2.jpg
|third=File:Example3.jpg
|width=600
|left=Left
|right=Right
|both=Both
}}
Parameters
- first - First image filename (optional) - shown when left button is dragged
- second - Second image filename (optional) - shown when right button is dragged
- third - Third image filename (required) - initially visible, covers the other two
- width - Widget width in pixels (optional, default: 600)
- left - Left button text (optional, default: "Left")
- right - Right button text (optional, default: "Right")
- both - Both button text (optional, default: "Both")
Notes
- Third image is required
- If first or second images are not specified, the third image will be used with filters applied
- Images should have the same aspect ratio for best results
- The widget is responsive and will scale to fit its container