How would I set up a gallery like so?
https://www.vaultwiki.org/screenshots/
Printable View
How would I set up a gallery like so?
https://www.vaultwiki.org/screenshots/
This is the source for that gallery:
feature="true" makes it possible to select images and view the large versionCode:[gallery] widths="180px" heights="100px" feature="true" perrow="3" rows="1" |
Image:vw-main-screen.jpg|The wiki index is an editable starting point for all your wiki content.
Image:vw-article-screen.jpg|Work together to build engaging content for your members.
Image:vw-edit-screen.jpg|Use the editing tools you're already familiar with to create your pages.
Image:vw-discuss-screen.jpg|Leave comments on any wiki page, or start new threads under it. All using your forum's existing posting tools and post layouts.
Image:vw-history-screen.jpg|A detailed history of changes is kept for each page, so you can review or reverse changes as needed.
Image:vw-header-screen.jpg|Insert wiki content in other parts of your site, like above a forum's thread list.
Image:vw-book-screen.jpg|Organize wiki content in a variety of ways, using provided grouping features like Books.
Image:vw-spaceman-screen.jpg|Manage the wiki structure visually via the wiki's admin interface.
Image:vw-permissions-screen.jpg|Grant group permissions, define moderators, and apply user masks to control access to tools and content with precision.
[/gallery]
perrow="3" limits the number of images on a line
rows="1" limits the number of lines
When the number of total images in a gallery exceeds perrow x rows, then it switches to paged mode, because only perrow x rows images can be viewed at once.
How do you define the size of images in the large version?
The images should always fill up the available width or until the entire full-size image fits (whichever is smaller).
If you want to make the full-size image appear smaller than that, let me know. There is not currently a way to do this for 1 gallery. You can do it for all galleries via CSS:
Code:.vw-gallery-feature {
max-width: 500px;
}
Ah. I see what the issue was then.
When previewing the gallery (Preview Changes), it ignores the width rules. It would show the image as it's full size, so images that are big will spill out the gallery frame.
Only happens in Preview Changes.
Moved to a report and resolved the bug: https://www.vaultwiki.org/issues/4038/