71,122
edits
Jump to navigation
Jump to search
m
fix
(→Advanced options: class=) |
m (fix) |
||
| Line 118: | Line 118: | ||
*<code>{caption text}</code>: A short description of the image and what it shows. This will be displayed under the image for <tt>thumb</tt> and <tt>frame</tt> images. | *<code>{caption text}</code>: A short description of the image and what it shows. This will be displayed under the image for <tt>thumb</tt> and <tt>frame</tt> images. | ||
*<code>link=''Destination''</code>: This is a named parameter, meaning you ''must'' put in "<code>link=</code>" before the destination. Using this option navigates the browser to wherever you specify when the user clicks the image (ex. <nowiki>[[File:Super Mario Bros. cover.jpg|link=Super Mario Bros.]]</nowiki>). Note that link brackets (<nowiki>[[</nowiki> and ]]) are not used with this option. Normally, clicking the image takes you to the image's information page, so when using this option, it's helpful to make it obvious to readers that the image serves as a link. Currently, using this option negates any alternate text you may try to use, and the "<code>alt=</code>" named parameter also currently doesn't work. This means you cannot modify the words in the tooltip that pops up when hovering over the image. | *<code>link=''Destination''</code>: This is a named parameter, meaning you ''must'' put in "<code>link=</code>" before the destination. Using this option navigates the browser to wherever you specify when the user clicks the image (ex. <nowiki>[[File:Super Mario Bros. cover.jpg|link=Super Mario Bros.]]</nowiki>). Note that link brackets (<nowiki>[[</nowiki> and ]]) are not used with this option. Normally, clicking the image takes you to the image's information page, so when using this option, it's helpful to make it obvious to readers that the image serves as a link. Currently, using this option negates any alternate text you may try to use, and the "<code>alt=</code>" named parameter also currently doesn't work. This means you cannot modify the words in the tooltip that pops up when hovering over the image. | ||
*<code>class=''custom class'''</code>: Similar to <code>link</code> this is also a named parameter. This allows you to specify custom styles for the images. For example, <code>class=pixelart</code> will allow upscaling pixel art images without blurring. <code>class=imgmaxwidth</code> will size the image to fill the maximum width, and resize on smaller screens. | |||
The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting. | The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting. | ||
==Gallery of images== | ==Gallery of images== | ||