Gallery BBCode

**delicateglow** · September 24, 2014

How would I set up a gallery like so?
https://www.vaultwiki.org/screenshots/

**pegasus** · September 24, 2014

This is the source for that gallery:

Code:

[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]

feature="true" makes it possible to select images and view the large version
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.

**delicateglow** · October 11, 2014

How do you define the size of images in the large version?

**pegasus** · October 12, 2014

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;
}

**delicateglow** · October 12, 2014

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.