Skipping Slides, choppy transitions

website is https://www.crossfitintensify.com

@zachsmith71

I checked the link and see all 8 slides in the slideshow.
Can you please try again?

Regarding the transition, it seems your speeds are set very high and that might be the problem. You can decrease the speed of the information bar slide and also of the transition between the slides to improve this. These settings are under Slideshow > Configuration in the plugin.

I know what the problem is, because I experience the same problem with the underscores theme (https://underscores.me)

Check the source code and you will see that the JavaScript is being loaded twice in the footer and that causes the slideshow to appear choppy in some browsers. It is essentially looping on the same slideshow twice.

I have not yet figured out how to fix it.

<!-- Slideshow Gallery Javascript BEG -->
	<script type="text/javascript">
	jQuery.noConflict();
	tid('slideshowcustom').style.display = "none";
	tid('slideshow-wrappercustom').style.display = 'block';
	tid('slideshow-wrappercustom').style.visibility = 'hidden';
	jQuery("#fullsizecustom").append('<div id="spinnercustom"><img src="https://crossfitintensify.com/wp-content/plugins/slideshow-gallery/images/spinner.gif"></div>');
	tid('spinnercustom').style.visibility = 'visible';

	var slideshowcustom = new TINY.slideshow("slideshowcustom");
	jQuery(document).ready(function() {
		slideshowcustom.auto = true;		slideshowcustom.speed = 8;
		slideshowcustom.alwaysauto = false;
		slideshowcustom.imgSpeed = 9;
		slideshowcustom.navOpacity = 25;
		slideshowcustom.navHover = 70;
		slideshowcustom.letterbox = "#000000";
		slideshowcustom.linkclass = "linkhover";
		slideshowcustom.info = "informationcustom";
		slideshowcustom.infoSpeed = 3;
		slideshowcustom.thumbs = "slidercustom";
		slideshowcustom.thumbOpacity = 70;
		slideshowcustom.left = "slideleftcustom";
		slideshowcustom.right = "sliderightcustom";
		slideshowcustom.scrollSpeed = 5;
		slideshowcustom.spacing = 5;
		slideshowcustom.active = "";
		slideshowcustom.imagesthickbox = "false";
		jQuery("#spinnercustom").remove();
		slideshowcustom.init("slideshowcustom","imagecustom","imgprevcustom","imgnextcustom","imglinkcustom");
		tid('slideshow-wrappercustom').style.visibility = 'visible';
		jQuery(window).trigger('resize');
	});

		</script>

	<style type="text/css">
	@import url('https://crossfitintensify.com/wp-content/plugins/slideshow-gallery/views/default/css.php?layout=specific&resheight=30&resheighttype=%25&resizeimages=N&width=586&height=261&border=1px+solid+%23CCCCCC&background=%23000000&infobackground=%23000000&infocolor=%23ffffff&thumbactive=&unique=custom&wrapperid=slideshow-wrappercustom&autoheight=false&thumbwidth=40&thumbheight=30&sliderwidth=816&infohideonmobile=1');
	</style>

	<!--[if IE 6]>
	<style type="text/css">
	.imglink, #imglink { display: none !important; }
	.linkhover { display: none !important; }
	</style>
	<![endif]-->

	<!-- Slideshow Gallery Javascript END --><!-- Slideshow Gallery Javascript BEG -->
	<script type="text/javascript">
	jQuery.noConflict();
	tid('slideshowcustom').style.display = "none";
	tid('slideshow-wrappercustom').style.display = 'block';
	tid('slideshow-wrappercustom').style.visibility = 'hidden';
	jQuery("#fullsizecustom").append('<div id="spinnercustom"><img src="https://crossfitintensify.com/wp-content/plugins/slideshow-gallery/images/spinner.gif"></div>');
	tid('spinnercustom').style.visibility = 'visible';

	var slideshowcustom = new TINY.slideshow("slideshowcustom");
	jQuery(document).ready(function() {
		slideshowcustom.auto = true;		slideshowcustom.speed = 8;
		slideshowcustom.alwaysauto = false;
		slideshowcustom.imgSpeed = 9;
		slideshowcustom.navOpacity = 25;
		slideshowcustom.navHover = 70;
		slideshowcustom.letterbox = "#000000";
		slideshowcustom.linkclass = "linkhover";
		slideshowcustom.info = "informationcustom";
		slideshowcustom.infoSpeed = 3;
		slideshowcustom.thumbs = "slidercustom";
		slideshowcustom.thumbOpacity = 70;
		slideshowcustom.left = "slideleftcustom";
		slideshowcustom.right = "sliderightcustom";
		slideshowcustom.scrollSpeed = 5;
		slideshowcustom.spacing = 5;
		slideshowcustom.active = "";
		slideshowcustom.imagesthickbox = "false";
		jQuery("#spinnercustom").remove();
		slideshowcustom.init("slideshowcustom","imagecustom","imgprevcustom","imgnextcustom","imglinkcustom");
		tid('slideshow-wrappercustom').style.visibility = 'visible';
		jQuery(window).trigger('resize');
	});

		</script>

	<style type="text/css">
	@import url('https://crossfitintensify.com/wp-content/plugins/slideshow-gallery/views/default/css.php?layout=specific&resheight=30&resheighttype=%25&resizeimages=N&width=586&height=261&border=1px+solid+%23CCCCCC&background=%23000000&infobackground=%23000000&infocolor=%23ffffff&thumbactive=&unique=custom&wrapperid=slideshow-wrappercustom&autoheight=false&thumbwidth=40&thumbheight=30&sliderwidth=816&infohideonmobile=1');
	</style>

	<!--[if IE 6]>
	<style type="text/css">
	.imglink, #imglink { display: none !important; }
	.linkhover { display: none !important; }
	</style>
	<![endif]-->

	<!-- Slideshow Gallery Javascript END -->

I have figured out some more:

This bug only occurs in 1.5, in 1.4.9 this works as it should and only prints one set of javascripts.

@niklas

I assume it is specific to this theme.
Maybe the theme is calling wp_footer() twice?

The Slideshow Gallery plugin uses a global PHP variable and stores the Javascript in there, then hooks to wp_footer action hook and prints the Javascript once there.

You can see on our demo, it only prints once: https://tribulant.net/slideshowgallery/

Look for at the very bottom of the page source, look for “Slideshow Gallery Javascript BEG” HTML comment.

It is NOT calling wp_footer() twice.

Take a look for yourself: https://underscores.me

https://github.com/Automattic/_s/blob/master/page.php

https://github.com/Automattic/_s/blob/master/footer.php

Thank you for your response.

No, it is not, you’re right.
Could it be a plugin in combination with the theme causing this?
Can you deactivate other plugins temporarily to see if it goes away?

Where is your site where the slideshow is running and outputting Javascript twice? Can you please provide a link to the post/page?

I look forward to your response.

Both Undescores and the theme zachsmith71 (intrepidity) is using both exhibit identical behaviour.

Ok if multiple themes causes the same behaviour, it could be a plugin like I mentioned.

Please try deactivating plugins temporarily.

Also provide a link but I think best is if you can submit a confidential ticket to us with WordPress login details we can investigate the setup and resolve it for you: https://tribulant.com/support/

I have reverted my sites usage to version 1.4.9 of your plugin, that works.

We’ve installed underscores theme here on our development site of the Slideshow Gallery plugin and there aren’t any problems.

So again, I assume it’s a plugin causing it.

Are you by any chance using Yoast WordPress SEO plugin?
We’ve seen similar behaviour from it, parsing content/shortcodes twice.

1.4.9 with the following plugins activated works:
Akismet
Google Analytics Dashboard for WP
Hello Dolly
Regenerate Thumbnails
UploadPlus : File Name Cleaner
W3 Total Cache
WordPress SEO

1.5 with zero other plugins activated still prints duplicate JS in the footer.

Ok, can you please submit a ticket with WordPress login details? https://tribulant.com/support/

We’ve seen that behaviour from WordPress SEO by Yoast (which you have installed). Is it possible that the duplicate JS print is then just cache even if you deactivate WordPress SEO?

No cache whatsoever, it is disabled in the browser and server.

zachsmith71 isn’t using the WordPress SEO by Yoast plugin (check his site’s source code) and is experiencing the same issue.

Has there been any resolution to this?

I am using underscores based theme as well and seeing occasionally quick transitions between slides (random sort)

See https://steeplechasers.org/steepsv2/

You’d need to watch for a while — it only happens rarely.