Pregunta sobre Slide Anything - Responsive Content / HTML Slider and Carousel de Wordpress:

Haga clic / toque un control deslizante para pasar a la siguiente diapositiva

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

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *