Flexslider Agregar diapositiva (Contenido de Ajax)

Estoy escribiendo una página donde tengo 4 diapositivas con mucho contenido de imágenes. Para mejorar la velocidad de carga, solo queremos cargar la primera diapositiva. Luego, una vez cargados, obtendríamos el resto mediante llamadas ajax y las añadiremos como diapositivas.Flexslider Agregar diapositiva (Contenido de Ajax)

Flexslider V2 tiene una función .addSlide para esto, sin embargo sigo recibiendo el error slider.addSlide is not a function.

Cualquier ayuda sería muy apreciada. Gracias

Flexslider

Aquí está mi código.

<!DOCTYPE html> 
<html lang="en"> 
<head> 

<link rel="stylesheet" href="_slider/flexslider.css" type="text/css" /> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script src="_slider/jquery.flexslider-v2-min.js"></script> 

<script type="text/javascript"> 
$(window).load(function() { 
    $('.flexslider').flexslider({ 

     animation: "slide", 
     slideshow: false, 
     controlNav: false, 
     controlsContainer: ".flex_wrap", 
     start: function(slider){ 

      //Load another slide and append it to the html 
      $.get('landing_page_step1.html', function(data) { 
       $('.slides').append(data); 
      }); 

      //Tell flexslider to add this as a slide 
      slider.addSlide(".step1", 1);  
     } 

     }); 
});  
</script> 

</head> 

<body class="landing_page"> 

<div class="flex_wrap"> 
    <div class="flexslider grid_12"> 
    <ul class="slides"> 
     <li> 
       Slide One 
     </li> 
    </ul> 
</div> 
</div> 

</body> 
</html>

[Actualización]

Su parece ser que si sólo tiene una diapositiva a continuación flexsider no acepta estas funciones adicionales. Al comenzar con dos diapositivas, esta idea funciona bien. Es muy probable que sea un error o una característica prevista de flexslider.

Fuente

2012-07-11 dciso

allowOneSlide es una característica en v2.2 +, ver: github.com/woothemes/FlexSlider#allowoneslide-new –

Me encontré con este mismo problema recientemente y terminé mirando el código fuente y vi que los desarrolladores pusieron un cheque si el número de diapositivas es igual a uno (Line 882).

Acabo de comentar toda esa declaración if y comenzó a funcionar cuando solo tenía una diapositiva.

Fuente

2013-01-16 06:11:05 bigwh00p

allowOneSlide es una característica en v2.2 +, consulte: https://github.com/woothemes/ FlexSlider # allowoneslide-new –

Flexslider Agregar diapositiva (Contenido de Ajax)

Respuesta

Cuestiones relacionadas