Serif Addons Forum

Hi Charis,

Have you updated the code to reflect the new images you're using for the second gallery? If you don't do that it will take the images from the first gallery.

Neil

Hi Charis,

The image names will need to point to your new images for your second gallery, keeping them the same will only display the first gallery images.

Neil

I've just tested and in addition to updating the image locations, you'll also have to change some other sections when using more than 1 gallery on a single page:

Double click the HTML Code Fragment for the new gallery and update this sections to read zoom_02 and gallery_02 for the respective sections:

jQuery(document).ready(function($){
$("#zoom_02").elevateZoom({
gallery: 'gallery_02',

Then update the body code (in the same window) to match the new ids:

<img id="zoom_02" src="image-zoom/small/01.jpg" data-zoom-image="image-zoom/large/01.jpg"/>

<div id="gallery_02">
<a href="#" data-image="image-zoom/small/01.jpg" data-zoom-image="image-zoom/large/01.jpg"><img id="zoom_02" src="image-zoom/thumb/01.jpg" /></a>
<a href="#" data-image="image-zoom/small/02.jpg" data-zoom-image="image-zoom/large/02.jpg"><img id="zoom_02" src="image-zoom/thumb/02.jpg" /></a>
<a href="#" data-image="image-zoom/small/03.jpg" data-zoom-image="image-zoom/large/03.jpg"><img id="zoom_02" src="image-zoom/thumb/03.jpg" /></a>
<a href="#" data-image="image-zoom/small/04.jpg" data-zoom-image="image-zoom/large/04.jpg"><img id="zoom_02" src="image-zoom/thumb/04.jpg" /></a>
</div>

Hope that helps
Neil

You're welcome, Charis! :)