jCarouselLite: forzar elementos de la lista en una sola línea
-
12-12-2019 - |
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
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 !