Un usuario pregunt贸 馃憞
Quiero hacer un directorio de personal como una presentaci贸n de diapositivas que est谩 en el perfil de cada equipo que contiene 2 diapositivas: una foto de perfil y una cita personal. La foto del equipo es la primera diapositiva y la cita es la segunda. Quiero que se pueda hacer clic en todas las im谩genes para pasar a la siguiente diapositiva. No es necesario ir de un lado a otro, ya que solo hay 2 diapositivas. Quiero poder hacer esto sin los botones de flecha. es posible?
Este sitio web funciona bien:
https://wearesubrosa.com/team/
(@simonpedge)
Hace 1 a帽o, 3 meses
De acuerdo, esa p谩gina de muestra (Sub Rosa) usa 3 diapositivas separadas.
Para lograr que la imagen en la que se haga clic pase a la siguiente funcionalidad del control deslizante, aceptar谩 alguna codificaci贸n JavaScript personalizada utilizando eventos de rotonda de b煤ho: https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html
Entonces, algo como el siguiente c贸digo JS:
<script>
var owl = jQuery('#SLIDER_ID');
jQuery('#SLIDER_ID .owl-item').click(function() {
owl.trigger('next.owl.carousel');
})
</script>(NOTA: reemplace ‘#SLIDER_ID’ con el ID de CSS para sus diapositivas) Y este c贸digo debe repetirse para todas las diapositivas del personal.
Esta respuesta fue modificada hace 1 a帽o, 3 meses.
(@pwdesign)
Hace 1 a帽o, 3 meses
Gracias. Ese gui贸n en particular no funcion贸, pero seguir茅 probando esas l铆neas.
(@simonpedge)
Hace 1 a帽o, 2 meses
驴Ha tenido 茅xito con esto? Si es as铆, env铆e sus comentarios aqu铆.
驴Solucion贸 tu problema??
0 / 0