Basics Overview Videos Rates & Services Managing your Sites Editing & Publishing Collaborating Account Settings Moving from Cargo 2 to 3
Site Building Site and Page Layout Pages and Sets Text Styles Adding Fonts Pinning Overlays Linking Tags Images Files Columns Galleries Thumbnail Index Marquee Clock Effects Page Options Commerce Audio & Video Backdrops Layering Effects Scroll Animation Quick View Mobile Site Menu Third-party embeds CSS and HTML Social Sharing & SEO Adding Google Analytics Browser Support Domains Buying a domain from Cargo Domains purchased elsewhere Using Subdomains DNS Editing Domain Configuration Service Setup Email with a Domain

Galleries

To display images in a sequence, Cargo offers several gallery layout modes — Grid, Columnized, Justify, Freeform, and Slideshow — each with extensive options.

To use, click the “Add...” button in the top menu bar and choose “Gallery”. If you have any images selected, they will be automatically added into the gallery. Galleries can also be created by selecting multiple images and opening the image settings window.

If you have no images selected, the gallery will be created with placeholder content; you can drag any item from your Images menu and hold it over a placeholder to replace that item inside the gallery. Aside from replacing the placeholder items, you can also add items into the gallery by dragging them from the Images Menu or your desktop.

To delete a gallery, select and delete all of its contents or open its settings window and click the “Remove Gallery” link in the bottom left.

With the exception of the Slideshow gallery, each gallery mode adds layout-specific options to each of the images or videos it contains. These options are visible in the settings whenever an image or video is inside a gallery (right-click to open it).

Grid

Displays images in discrete rows and columns. Each row takes on the height of the tallest item in the row. The Vertical Align option lets you control whether the items in each row are aligned to the top, bottom or center of the tallest item. Horizontal Align controls the horizontal position of incomplete rows.

Columnized

Justify

Lays out images in rows of uniform height as if the images were words in a text document. There are four possible horizontal alignments: Left-, Right- and Center-aligned galleries prioritize a consistent row height, while the Justify alignment (signified by the “← →” icon) will allow for varied row heights in order to ensure that each row fills the entire width of the gallery.

By default, each row will end as soon as there is no longer room to place another item. To override this, right-click an image in the gallery and click “End Row Here” to designate that image as the final one in that row. Once the end of a row has been designated, the entire layout of the justify gallery is locked, and gallery items will not re-flow or change lines. You can unlock the layout by clicking the “Clear all Designated Rows” link in the bottom right corner of the gallery settings window.

Freeform

The images can be dragged anywhere within the gallery area. Dragging images outside the top or bottom borders of the gallery will expand the gallery to accommodate their new position. Use the “Shift”, "Fit to Width", and "Zoom" tools inside the gallery settings to move or scale all of the gallery items at once.

In addition, there is also a "Magnetic Snap" feature within the gallery settings to assist in making precise changes to your layout. With this setting active, gallery items will snap to each other and the edges of the gallery when they are dragged. Look for a gray outline behind the gallery item while dragging: it will turn red when the "snap" behavior is activated. A setting of 0% will let images snap directly next to each other; other percentages will force that distance (relative to the width of the gallery) between snapped edges, allowing for the appearance of precise gutters between gallery items.

Slideshow

Displays images in a timed cycle. The two transition modes are Fade and Slide. Four different navigation options allow different degrees of interaction with each slideshow: use “Cursor zones” to make a slideshow that can be dragged and swiped, “None” for slideshows that are not interactive at all, “Single advance” and “Buttons” for straightforward single-click operation.

To reorder or remove items inside a slideshow, open the slideshow settings and click “Show Slides” to display a thumbnail view of the gallery’s contents. After making your changes in this view, click outside to bring back the slideshow.