Un usuario preguntó 👇
Como su plugin. Pero como quiero mostrar una rotonda con 8 imágenes, necesito una resolución para tamaños de móviles (porque las imágenes varían muy poco).
Cualquier consejo sobre cómo hacer esto sin escribir en su hábil función de inicio () 🙂
(@tiránico)
Hace 3 años, 8 meses
Hola @mfgmicha, la forma más fácil de lograr esto es usar slick’s slickSetOption método.
Agregue las siguientes líneas a su JS (o use una cola de archivo separada slick-slider-core como $deps):
jQuery( document ).ready( function() {
jQuery( '.slick-slider-wrapper .slick-slider' ).slick( 'setOption', 'responsive', [
{
breakpoint: 480,
settings: {
slidesToShow: 1,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 4,
}
},
],
true
)
} )Ajuste el selector, los detalles y la configuración de acuerdo con sus necesidades específicas.
Esta respuesta fue modificada hace 3 años, 8 meses por.
(@mfgmicha)
Hace 3 años, 8 meses
Gracias por la rápida respuesta, encontré la misma solución.
La parte importante es la slick-slider-core como $deps en cola / programa de secuencia de comandos, para que se ejecute después del principio .slick()
(@tiránico)
Hace 3 años, 8 meses
Me alegro de que estés resuelto.
(@mrfoo)
Hace 3 años, 3 meses
Hola,
Todavía no entiendo esta declaración
La parte importante es la slick-slider-core como $deps san enqueue
Registré el nuevo archivo js, es decir, slick-responsive.js como el nombre del archivo, y pegué esas líneas en él. El resultado de esa actividad fue más de lo que esperaba porque la diapositiva no funcionaba, por lo que descarté la capacidad de respuesta por un tiempo hasta que encontré la solución correcta.
¿Podrías aconsejarme para solucionar este problema?
(@mrfoo)
Hace 3 años, 3 meses
Encontré este tipo de error en Developer Console.
(@tiránico)
Hace 3 años, 3 meses
Hola @mrfoo, inicie un nuevo hilo de soporte ya que este está marcado como resolved y no quiero enviar spam a la bandeja de entrada @mfgmicha. Gracias.
¿Solucionó tu problema??
0 / 0