Estoy tratando de agregar un carrusel de imágenes LightSlider con miniaturas a mi sitio web de Big Cartel (para mostrar imágenes de productos) pero no puedo hacerlo funcionar (incluso con imágenes de ejemplo)
Lo probé en Codepen y JSFiddle; funciona bien allí, pero en mi tienda bigcartel.com, las fotos aparecen apiladas. Sin galería de miniaturas.
Mi código (en funcionamiento): Codepen
width:500px; } .ls-slider ul { list-style: none outside none; padding-left: 0; margin-bottom:0; } .ls-slider li { display: block; float: left; margin-right: 6px; cursor:pointer; } .ls-slider li img { display: block; height: auto; max-width: 100%; }```Si funciona en todas partes excepto en el sitio web, tal vez sea un problema con su servidor. Tal vez el código esté desordenado o los enlaces estén fallando.
La razón por la que no funcionó fue porque está configurando los controles del control deslizante de luces en falso: intente reemplazar los controles en "verdadero" en lugar de "falso"
$('#lightSlider').lightSlider({ gallery: true, item: 1, loop:true, slideMargin: 0, thumbItem: 4, controls: true, });