Vorlage:ImageViewer

Copyright

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