Pregunta

Estoy usando jCarousellite en una lista de un sitio web que estoy creando.Funciona perfectamente, sin embargo, el problema es que, por alguna razón, el script hace que los elementos de la lista dejen de acumularse.

Lo que quiero decir con esto es, en lugar de esto:

li     li
li     li

Estoy entendiendo esto:

li     li     li      li

Funciona bien cuando elimino el script, pero con él, los obliga a todos a estar en una sola "línea".Revisé el guión y no puedo entender qué parte los obliga a todos a estar en una sola línea.

Aquí está el guión: http://www.trekradio.net/dev/wp-content/themes/tr2012/js/jcarousellite_1.0.1.js

También puede ver una demostración del problema aquí en la sección "Qué pasa" del Heaer: http://www.trekradio.net/dev/ (este sitio está en construcción así que perdonen su estado).

EDITAR:Establecer la opción "vertical" en "verdadero" en el script cambia el desplazamiento del carrusel a vertical Y muestra los elementos de la lista como este, que no es lo que quiero:

li

li

li

li
¿Fue útil?

Solución

ACTUALIZADO :[solución fea]

aquí está la línea que necesita actualizar jcarousellite_1.0.1.js (agregas el pequeño / 2 poco) :

    var ulSize = liSize * itemLength / 2;                   // size of full ul(total length, not just for the visible items)

Tenga cuidado, ya que afectará a todos los demás carruseles de cualquier otra página.

ACTUALIZACIÓN 2:solución compatible con versiones anteriores

Parché el archivo .js y puedes usar la opción lines en su código, o déjelo con 1 línea por defecto:

<script type="text/javascript">
$(function() {
    $(".anyClass").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        lines : 2
    });
});
</script>

Aquí está el parcheado jcarousellite_1.0.1.js

Buena suerte !

--

Me temo que esto doblaría demasiado a jCarouselLite.

Te aconsejaría que dividieras li en dos ul, por PHP o incluso manipulando el DOM en Javascript/jquery.

De esta manera, puedes lograr tu objetivo instalando dos carruseles horizontales paralelos que corren juntos.

Espero que esto ayude !

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top