Stacks Image 6

500px Montage

Display you latest and greatest 500px portfolio of images.

500px Montage

Display your latest 500px images in this beautiful montage style, with optional touch friendly light-box gallery.

Overview.

You may choose to either have your images open in a mobile friendly responsive light-box, or link to the original image at the 500px website when the user clicks any of the thumbnails.

Fluid responsive design. The stack will fluidly resize the images and reform the montage as the screen width increases and decreases.

There is an option to shuffle the order of the images when loaded, or just display them in a newest to oldest order.

On touch devices such as iPhone and iPad, the user may scroll though your gallery by swiping across the slideshow left or right, as well as the option to use the navigation arrows.

Instant download.

Version : 2.0.2

Responsive : Yes

First released : 23/2/2014

Last Updated : 20/11/2016

Stacks V 3.0 or greater.

Live demo 1.

You can see a live example of the stack in action below.

No matter where you deploy the stack, it will always fill the width of space you offer it, and always display your images filling a perfect rectangle. Try clicking any of the image in the demo below.

Live demo 2.

You can see a live example of the stack in action below.

You can choose to only display your latest image. You can also choose to direct the user to the image at 500px, instead of opening in a light-box. You can do this when displaying multiple images as in demo 1 also.

Live demo 3.

You can see a live example of the stack in action below.

The stack will always fill all the horizontal space you give it. In the demo below, we have also set the borders between the images to zero, for a slightly different look. The borders can also be set to any colour you like, to match the deployment location.

Stacks settings.

In this section we have provided a comprehensive list of available settings, and a full description of what each of the settings does for the stack.

Stacks Image 243
User name

This is your 500px user name. You can see this in the address bar at the end of the url, when you visit you 500px profile page.

Display

The options here are :

  • Multiple images, (Up to 20).
  • Your latest image.

Image count

When multiple images is selected, you can choose between 2 and 20 images to display in the montage.

Average height

This is the average height of a single row of images in the montage. The final height of each row is random, and changes with each page load, but stays within a tolerance of what you select here.

Order by

The options here are :

  • Newest to oldest.
  • Shuffle order (randomly each time the page loads).

Background

This is the background colour of the montage, which will also become the colour of any borders between the images.

Spacing

This is the space between each of the montage images, and also around the entire montage.

On Click

This is the action initialised by a user clicking one of the montage images. The options are :

  • Open in a light-box.
  • Send the user to this image at 500px website.

Stacks edit mode.

We pay great attention to how we approach the editing interface of every stack, to ensure intuitive ease of use.

Stacks Image 297

In edit mode you will see a visual representation as to the approximate size the stack will render based on your chosen thumbnail size. You will also see any border and colour changes reflected in the edit mode interface.

Stacks FAQ.

Important information that is pertinent to this stack. Please read, as there may well be something here that is essential to the deployment of this stack.

Browser support

This stack is supported in all modern browsers. Any exception to this rule will be listed below.

Safari

Chrome

Firefox

Explorer

Known compatibility issues

There are no known compatibility issues with this stack.

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.

Secure checkout.

We trust PayPal as our secure checkout provider.

Don't have a PayPal account? No worries. PayPal allows you to pay with your credit card if you do not have an account set-up.

Instant download.

Stacks Image 589
500px Stack

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

500px Stack