• I am having an issue with the fade not working properly. The previous image is “hanging” in the background for a few seconds as it advances to the next image. See: https://jeremykranz.com/?page_id=18

    I have read the documentation on https://www.ads-software.com/extend/plugins/jj-nextgen-jquery-slider/faq/ which says the following:

    Try adding code below to afterChange callback substitute #test_slider for your html_id

    function() { jQuery(“#test_slider”).css(“background-image”, “none”); }

    This recommendation however, does not indicate where I will find the afterChange callback … I have looked all through the php files and cannot find it. Any ideas out there?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Search for afterChange in jquery.nivo.slider.pack.js on line 67 in a text editor.

    I found the afterChange in jquery.nivo.slider.pack.js. sitting in there like ….settings.afterChange.call(this);});var createSlices=function….

    I’ve taken the code:

    function() { jQuery("#about-slider").css("background-image", "none"); }

    And I’ve tried to put it in there in several ways, but none of them seem to work. My background image still doesn’t smoothly fade away – actually after changing this code, my images just seem to perpetually load without appearing.

    Can you reiterate just how this code should appear after it is shoehorned in.

    Thanks!

    Hi

    I would really like to know where to put this code also. I have tried and tried all different ways.

    [jj-ngg-jquery-slider gallery=”55″ effect=”fade” width=”780″ height=”500″ function() { jQuery(“#home-page”).css(“background-image”, “none”); }]

    But still no joy. I am adding the gallery into one of my pages with the above. But the images still overlap.

    I really hope someone can help on this.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘JJ NextGen JQuery Slider images lingering in background during fade’ is closed to new replies.