Slideshow Manual Advancement / Pointer Finger for Thumbnails

Also, I realised that it doesn’t work without refreshing. So the whole page loads with all the images, the “Next Image” and “Previous Image” text appears above the main image and I need to refresh before the gallery is created.

1. Everything is working correcltly for me in your site. Sometimes, when there are a lot of images the plugin is initiated and the images are not displayed as a slideshow becuase the images have not been loaded yet. You might try trying to keep galleries to lest than ten images or something like that.

If you need all these images then add this to the end of your code:

setTimeout(function(){
createJSJGallerySlideshow();
}, 5000); // 5 Seconds

2. You can just change the css of the thumbnails:

.gallery_container_jsj-gallery-slideshow .gallery-pager li {
 cursor: pointer;
}

3. I’m not sure what you want…

4. Your theme is an AJAX theme. That means that you have too look for a Javascript function that is executed every time a new page is loaded (this happens by default in regular pages).

In that function you have to call the JSJ Gallery Slideshow function, in order for jQuery to convert your images into a slideshow.

// Wherever a new page is loaded
createJSJGallerySlideshow();

Again, this depends on your theme. You might need to contact your theme developer for that.

Thanks for your help Jorge!

1. I see, sometimes even with 2 images I’m having some problem with it though. I would like to disable an auto-advance feature. Timeout is set to “0”, may I know why it still advances without me clicking? Can I confirm that the edit you suggested ‘reloads’ the slideshow? Right now, if i were to go to the second or third image, after 5 seconds it goes back to the first image again.

2. Thanks, works great.

3. Something like this? https://www.dropbox.com/s/h61lj9l0bbd7t2t/Screenshot%202014-06-20%2001.04.22.jpg

4. My theme has the option to turn AJAX off, I did that and it works well now!

I also have the problem with the timeout function which I cannot disable it with setting to ‘0’. At the moment I put in largest number allowed to counter the problem.

I did that too cielbleu, seems to be a good enough workaround!

1. I don’t know what’s going on, but setting the timeout to 999999 or something like that will work (like cielbleu said). When I can, I’ll see what’s going on.

3. For that you’d need to add a width to the image and then center and remove the float css rule for the thumbs:

.gallery_container_jsj-gallery-slideshow .gallery-pager li {
float: none;
}

.gallery_container_jsj-gallery-slideshow .gallery-pager {
text-align: center;
}