[Plugin: WordPress NextGen GalleryView] BIG SLIDESHOW PROBLEM. Images jumping fast, no responses fro

I’m having the same problem with the same versions of wp, ng and gv. Pause-on-hover no longer works either. I wonder if it is because I have more than one gallery on the page? You know, like my home page has 4 posts, 3 of them have slideshows. But when I click thru to the full post, the slideshow works as expected.

If this is in fact the problem, I don’t know how to fix it so more than one slideshow on a page works…

I have only one slideshow in my page, I don’t think it’s the root of the problem.

But I JUST GOT A THEORY!!

I think I manage to identify what’s going on :
The problem appears when I leave the page, switching to another tab in my browser (by the way I’m testing on Firefox 7.0). When I come back to the page with the slideshow, the wild jumping starts, but the fast transitions only last the exact number of transitions I missed while away from the page!!! Like if they were waiting for the tab to become active again… These missed transitions cleared, the slideshow goes back to normal on its own!

I’ll try to fix the issue in the code but I’m not a big brain at programming so HELP IS STILL NEEDED !

Or else does someone know another plugin, jquery powered, able to show images and videos ??

Yep – probably not the root of the prob. I’ve tested in FF 6, opera, IE9. It doesn’t work properly in any. I get the same schizo behavior that you speak of and IE and OPera don’t detect my shortcode settings (like pause on hover). FF does only if it’s the only slideshow on the page.

Let me know if you resolve it. I’ll see if I can find anything on my end…

GOOD NEWS! I’ve made a fix for our problem! ??

Not sure it’s the right syntax nor the right place to put it but I added the following code into the file “jquery.galleryview-2.0.js” which can be found in the galleryView plugin folder on the server :
wp-content/plugins/wordpress-nextgen-galleryview/GalleryView/scripts/jquery.galleryview-2.0.js

Added code, line 1000 in the MAIN PLUGIN CODE part :

// ***** Transitions jumping bug fix ***** //
// Stop transitions when leaving the page/tab of the browser
$(window).blur( function () { $(document).stopTime("transition"); } );
// Restart transitions when coming back to the page/tab
$(window).focus( function () {
$(document).everyTime(opts.transition_interval,"transition",function(){
	showNextItem();
});
});

However putting the code directly in on of the plugin files is not a perfect idea since it may be erased with the next plugin update.
I just mixed raw pieces of code together, it does the trick.

NEXT I tried to put the exact same code in the footer of my wordpress active theme, so that it cannot be overwritten. The transitions do stop when we leave the page/tab of the browser but do not restart when coming back… I’m just searching a way to call back the transition but I’m not really good at programming.

HELP PLEASE ! ^^

Added code in footer:

<script type="text/javascript">
jQuery(document).ready(function($) {
// ***** Transitions jumping bug fix ***** //
// Stop transitions when leaving the page/tab of the browser
$(window).blur( function () { $(document).stopTime("transition"); } );
// Restart transitions when coming back to the page/tab
$(window).focus( function () {
//????
});
});

</script>

Cool. When you say “Line 1000”, could you tell me what the code is before that? Line 1000 doesn’t work for me (maybe because my line 1000 is different than yours).

Thanks for the temporary fix! I’ve had this problem sitting on the backburner for some time!

Unfortunately, for me (in FF7 for Mac anyway), the script doesn’t seem to recognize the “focus” when I return to the page, even when it’s added in jquery.galleryview-2.0.js, unless I click something (it does resume the transitions then).

I think the problem is that the “blur” and “focus” jquery event handlers aren’t really meant to work on “window” or “document” elements (only links and form elements if I understand correctly). So it only knows your “focus” when you click a valid element. But it clearly seems to have SOME functionality!

FYI, as for the location (line 1000), I put it in right before the options and default values

When exploring fixes for this issue, I noticed that the animation restarted upon mousing over and out of the gallery. I tried to find a suitable object on the page to simulate a .mouseout but I couldn’t find one. Eventually I found this hacky workaround.

I added the following to the .focus event:

$('.nav-next').click();

So the entire fix inserted around line 1000 is:

// Stop the animation when losing focus
$(window).blur( function () {
	$(document).stopTime("transition");
} );

// Restart the animation by simulating a click
$(window).focus( function () {
	$('.nav-next').click();
});

No guarantees because, like others here, I am not a jQuery programmer!