Wix Editor: Adjusting Your Gallery Settings

5 min read
Each of our galleries offer a set of unique settings, which you can customize to make your gallery behave just as you need. The settings you see depend on the gallery design you choose.  
Tweak how your gallery plays for visitors, how images are resized, how visitors browse through your images, add fun transition effects between images, and much more.
In this article, learn more about setting up:

Customize how your gallery plays when visitors open your site. Choose to have the gallery autoplay with a set time (chosen by you) between images, or leave that up to your site visitor to decide. Learn which galleries allow for customization of how the gallery plays

To customize how your gallery starts plays:

  1. Click the gallery in your Editor.
  2. Click the Settings icon .
  3. Customize how your gallery plays using the available options:
    • Autoplays on loading: Enable this toggle so your gallery starts playing automatically, as soon as the page loads. Control the time (in seconds) given to each image under How long between images?
    • Play button: Enable this toggle to give your visitors control over when the gallery plays.
    • In a loop: Enable this toggle, so your gallery images play on repeat when visitors hover over the navigation arrows. Control the time (in seconds) given to each image under Speed.

Allow visitors to browse through your gallery images at their own pace by adding navigation arrows. Navigation arrows are available in the Grid (Portrait), Slider (Arrows), and Slider (Postcard) galleries.

To add navigation arrows to your gallery:

  1. Click the gallery in your Editor.
  2. Click the Settings icon .
  3. Enable the Navigation arrows toggle.

Choose how want your images to display within the frame of the gallery. This option is available for all Grid, Slider, and Freestyle galleries.

To change how images are resized:

  1. Click the gallery in the Editor.
  2. Click the Settings icon .
  3. Select an option under When they're resized:
    • Autocrop: Crops (cuts) the images to fill the entire gallery frame.
    • Fit: Displays whole images in the gallery.
Tip:
You can crop your images further if resizing is not enough.

Make your gallery as interactive as you want. Link images to another page on your site or even an external URL, make your images open in a larger pop-up window and allow visitors to view all the fine details of your image, or make images non-clickable. This feature is available in all galleries.

To choose what happens when an image is clicked:

  1. Click the gallery in your Editor.
  2. Click the Settings icon .
  3. Click the drop-down menu under When clicked: and select an option:
    • Nothing happens: The image is not clickable, nothing happens when it's clicked.
    • It opens in a popup: The image opens in a large pop-up window.
    • A link opens: The image is linked to another place. It can be linked to a page, position or anchor on your site, an external URL, a document or an email address.

Transition effects

Add a cool visual effect to your images when they load. This creates a smooth flow from one gallery image to the next. For example, you can make images fade in and out of view. Transition effects are available in Slider (Arrows), Slider (Postcard), Grid (Portrait), and Animated Slide galleries.

To apply transition effects:

  1. Click the gallery in your Editor.
  2. Click the Settings icon .
  3. Select a transition under Apply transitions effects?:
    • None: No transition.
    • Cross Fade: Image fades into view.
    • Shrink: Images shrink out of view.
    • Horizontal: Image glides along a horizontal axis.
    • Vertical: Image glides along a vertical axis.
    • Random: Image transitions change randomly.
    • Out & In: Image fades out and new image fades in.
  4. Drag the slider under How long do they last? to set the time between transitions.
Using an Animated Slide gallery?
The Animated Slide gallery offers cool transition effects specific to this gallery design: 
  • Fade: Images fade in and out of view.
  • Zoom: Images shrink out of view.
  • Pop above: Images slide in from the top left of the slider.
  • Roll above: Images roll in from the top of the slider.
  • Pop right: Image slide in from the right side of the slider.
  • Pop left: Image slide in from the left side of the slider.
  • Random: Image transitions are random.

Did this help?

|