Pergunta sobre qualquer coisa no slide – Conteúdo responsivo/HTML WordPress Slider and Carousel: Clique/toque em um controle deslizante para ir para o próximo slide

Um usuário perguntou 👇

Eu quero fazer um diretório de equipe como uma apresentação de slides que está no perfil de cada equipe que contém 2 slides: uma foto de perfil e uma citação pessoal. A foto da equipe é o primeiro slide e a citação é o segundo. Quero que todas as imagens sejam clicáveis ​​para ir para o próximo slide. Não há necessidade de ir e voltar, pois há apenas 2 slides. Eu quero ser capaz de fazer isso sem os botões de seta. é possível?

Este site funciona bem:

(@simonpedge)

1 ano, 3 meses atrás

Ok, essa página de amostra (Sub Rosa) usa 3 slides separados.

Para que a imagem clicada vá para a próxima funcionalidade do controle deslizante, ela aceitará alguns códigos JavaScript personalizados usando eventos de rotatória de coruja:

Então, algo como o seguinte código JS:

<script>
var owl = jQuery('#SLIDER_ID');
jQuery('#SLIDER_ID .owl-item').click(function() {
    owl.trigger('next.owl.carousel');
})
</script>

(NOTA: substitua ‘#SLIDER_ID’ pelo CSS ID de seus slides) E este código precisa ser repetido para todos os slides da equipe.

Esta resposta foi modificada há 1 ano e 3 meses.

(@pwdesign)

1 ano, 3 meses atrás

Obrigado. Esse script em particular não funcionou, mas continuarei tentando essas linhas.

(@simonpedge)

1 ano, 2 meses atrás

Você teve sucesso com isso? Em caso afirmativo, envie seus comentários aqui.

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *