Skip to content


Ajax added slides flash above current slide #1023

GTVJones opened this Issue · 0 comments

2 participants


When loading slides via Ajax, the loaded slide briefly flickers above the current slide. I've pinpointed the cause to lines 875 and 876 (shown below).

methods.uniqueID( slider.slides.first().clone().addClass('clone').attr('aria-hidden', 'true') ).appendTo( slider.container );
methods.uniqueID( slider.slides.last().clone().addClass('clone').attr('aria-hidden', 'true') ).prependTo( slider.container );

It may be relevant that I'm using CSS background images rather than inline content. All attempts to fix this have been unsuccessful.

HTML structure is:

  • JavaScript that initializes Flexslider is:

    $(window).load(function () {
    animation: "slide",
    slideshow: false,
    touch: true,
    useCSS: false,
    start: function (slider) {
    after: function (slider) {
    // Creating the slider - definition shown below
    before: function () {

    $.makeAjaxRequest = function (slider) {
    if (!!window.next_link) {
    if (!window.currentlyAwaitingAjaxResponse) {
    window.currentlyAwaitingAjaxResponse = true;
    url: window.next_link
    }).done(function (data) {
    li = $.prepareSlideFromJSON(data);
    window.currentlyAwaitingAjaxResponse = false;

    @jeffikus jeffikus closed this
    Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
    Something went wrong with that request. Please try again.