Fazer imagens aleatórias em DIV
20/06/2019
0
<div>
<div>
<div class="loop owl-carousel owl-theme">
<div>
<img src="imagens/jpeg.01">
</div>
<div>
<img src="imagens/jpeg.02">
</div>
<div>
<img src="imagens/jpeg.03">
</div>
<div>
<img src="imagens/jpeg.01">
</div>
<div>
<img src="imagens/jpeg.05">
</div>
<div>
<img src="imagens/jpeg.07">
</div>
<div>
<img src="imagens/jpeg.07">
</div>
</div>
Marcelo
Posts
21/06/2019
Bruno Pardim
21/06/2019
Marcelo
Sim, isso eu sei, mas me dê um exemplo?
22/06/2019
Julio
var owl = $('.owl-carousel');
owl.owlCarousel({
onInitialize : function(element){
owl.children().sort(function(){
return Math.round(Math.random()) - 0.5;
}).each(function(){
$(this).appendTo(owl);
});
},
});
fonte: https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html
22/06/2019
Marcelo
var owl = $('.owl-carousel');
owl.owlCarousel({
onInitialize : function(element){
owl.children().sort(function(){
return Math.round(Math.random()) - 0.5;
}).each(function(){
$(this).appendTo(owl);
});
},
});
fonte: https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html
Este exemplo funcionou em termos. Quando o coloco muda as posições, mas as imagens ficam gigantes e o carrossel para de girar automaticamente. Estranho, e vi que o problema parecer estar neste - 0.5. Pois se o remover ele volta ao normal de antes, se mudar para positivo ele fica tudo gigante e não alterna mais, e se deixar no negativo qualquer valor, volta a ficar gigante e não girar sozinho
23/06/2019
Julio
23/06/2019
Marcelo
Fiz tudo correto, tudo funciona perfeitamente. Só fazer o carrossel ficar randômico é que não estou conseguindo
24/06/2019
Marcelo
https://mega.nz/#!GnA10Qaa!nhVyRS4Y7gYU5wd8pb7NGy89C3fon1g8OelBuz6Ccdo
Clique aqui para fazer login e interagir na Comunidade :)