Stacks Image 2985

Frag

Explodes into an unlimited image gallery.
Instant Download
Requires Rapidweaver & Stacks Plugin v3.5 +

NEW: Ability to supply a folder of warehoused images, as the source of the gallery.

Frag is a gallery stack which allows to display the first x (1-6) images of your gallery in a grid view as you see on the Facebook timeline. Click on a thumbnail and it will display all (unlimited hidden gallery) images in a fullscreen, navigable modal popup just like the gallery light-box.

You can now choose to have Frag look to a folder of images on your server, for the source of the gallery images. The images in the folder need no special naming convention.

Demo

Live demos of the stack in action.

Stacks Image 3010
Stacks Image 3187
Stacks Image 3191
Stacks Image 3183
Stacks Image 3360
Stacks Image 3193
Stacks Image 3181
Stacks Image 3189
Stacks Image 3185
There are hidden images / Tidy mode active.

Control

A comprehensive list of all available controls.

Stacks Image 3041
Gallery Mode

Choose to use the standard drag and drop in gallery images method, or Supply the source images for the gallery from a remote folder on your server.

If you choose to use a remote folder of images, you link to just one image from within your folder of images, and Frag takes care of the rest. The images within the folder on your server do not even require any special naming convention, Frag will find them all anyway.

Thumbnails

You can set the desired number of thumbnail images to display in the page on each screen size (Desktop, Tablet, Mobile). Choose between 1 - 6 thumbnails for each.

Restrict Grid

When selected, you are given options to restrict the total width of the thumbnail grid within it's parent container. You will also have the option to align the restricted grid within the parent container to the left, right, or centre.

Gallery Link

There are options for the text link that can appear on the thumbnail gallery. You may never show it, Always show it, or show it only when the grid is hovered with the mouse. There are further options for the language the text link is displayed.

Color (Lightbox)

Here you can set the colours of the Lightbox overlay, as well as the colour of the Lightbox controls.

Close X

This positions the Lightbox close "x" button to the top left or top right of the screen.

Show Pagination

Pagination are the dots you see in the Lightbox, one for each image in the gallery. You can show or hide the dots with this setting.

Re-Define Breakpoints

As the stack can alter the number of thumbnails that appear in the grid at each device size, here you may redefine the actual screen size (in pixel width) that these changes happen. By default they were set to match the Stacks plugins default settings for device sizes.

Tidy Edit Mode

After adding many images to a Frag gallery, the stack can get pretty large in edit mode. Selecting this option will hide all but the first image in edit mode when you'r done. You can de-select at any time to see all the images in edit mode. This setting does not affect anything in preview or the published page.

FAQ

Installation and info.

Stacks Image 3119
Browser support

This stack is supported in all modern browsers.

Safari

Chrome

Firefox

Explorer

Known compatibility issues

No known issues.

Stack installation

Download.

After purchase, you will be sent an email containing a download link for the stack.
Download the zip file from the link, and unzip it to reveal the stack inside.
You should now see the stack as a logo style icon.

Normal installation.

Double click the un-zipped stack file (the one that looks like a piece of lego).
This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Installation where more than one version of Rapidweaver is installed.

Sometimes if there is more than one version of Rapidweaver installed on your system, the double click method launches the wrong version of Rapidweaver to install the stack. To ensure the it is installed into the version you want to install to, you can, instead of double clicking the stack, just drag and drop it onto the appropriate Rapidweaver app icon in your dock at the bottom of your screen.

This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

© 2018 Doobox Software. Building premium Software Mac, C4D, & RapidWeaver™