Home A - Z
Menu

An Otter Wiki

Blame

b2b226 Ralph Thesen 2026-03-15 11:54:31
Added Example/ImageFrame
1 
# ImageFrame
2
3
[ImageFrame Documentation](/-/help/plugins#imageframe)
4
5
```
6
{{ImageFrame
7
[![](/Examples/ImageFrame/eagle-owl.png)](/Examples/ImageFrame/eagle-owl.png)
8
}}
9
```
10
11
{{ImageFrame
12
[![](/Examples/ImageFrame/eagle-owl.png)](/Examples/ImageFrame/eagle-owl.png)
13
}}
14
15
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in aliquet nibh. In hac habitasse platea dictumst. Duis et urna vel ligula tempor pharetra. Morbi at malesuada augue. Integer sit amet malesuada mi. Vivamus eu pretium purus. Etiam nec ornare diam. Nunc eget turpis molestie, maximus magna vitae, aliquet justo. Proin consectetur libero a sem tincidunt rhoncus. Donec non leo lacus. Nunc eget enim sit amet metus vestibulum pulvinar eget sed sem. Aenean odio enim, aliquam vitae nunc vel, hendrerit interdum purus. Suspendisse diam ligula, interdum at tellus a, tristique laoreet quam.
16
17
18
19
## Some options
20
21
```
22
{{ImageFrame
23
|caption=Eagle-owl
24
|position=left
25
[![](/Examples/ImageFrame/eagle-owl.png)](/Examples/ImageFrame/eagle-owl.png)
26
}}
27
```
28
29
{{ImageFrame
30
|caption=Eagle-owl
31
|position=left
32
[![](/Examples/ImageFrame/eagle-owl.png)](/Examples/ImageFrame/eagle-owl.png)
33
}}
34
35
Vivamus maximus sapien quis bibendum bibendum. Integer commodo urna dui, dapibus pellentesque arcu mattis at. Fusce pharetra tortor risus, vitae maximus arcu suscipit et. Mauris aliquam nisi eu mi ornare elementum. Aliquam vitae aliquam leo, eget molestie ante. Vivamus convallis nibh hendrerit maximus condimentum. Nullam enim nunc, iaculis vitae consequat nec, elementum consectetur turpis. Curabitur dapibus vestibulum tristique. Maecenas a nisl at ante malesuada vestibulum. Vivamus interdum justo tellus, non aliquam ante viverra eu.
211d14 Ralph Thesen 2026-08-30 14:33:51
Document ImageFrame src= option
36
37
## Embedding an image with `src=`
38
39
Instead of writing the image link inside the frame, `|src=` names the image
40
directly. A bare filename is an attachment on the current page (this page has
41
`eagle-owl.png` attached), and `|alt=` sets the alt text.
42
43
```
44
{{ImageFrame
45
|caption=Attachment on this page
46
|width=50%
47
|src=eagle-owl.png
48
|alt=An eagle-owl
49
}}
50
```
51
52
{{ImageFrame
53
|caption=Attachment on this page
54
|width=50%
55
|src=eagle-owl.png
56
|alt=An eagle-owl
57
}}
58
59
An absolute `/Page/file` path embeds an attachment from another page, here the
60
otter photo attached to [[AttachmentList|Examples/AttachmentList]].
61
62
```
63
{{ImageFrame
64
|caption=Attachment from another page
65
|width=50%
66
|src=/Examples/AttachmentList/asianclawlessotter.jpg
67
}}
68
```
69
70
{{ImageFrame
71
|caption=Attachment from another page
72
|width=50%
73
|src=/Examples/AttachmentList/asianclawlessotter.jpg
74
}}
75
76
`src` also accepts a full `https://` URL to embed an external image.
77
78
See the [ImageFrame documentation](/-/help/plugins#imageframe) for the full
79
option list.