Je voulais utiliser deux carrousels, ils ont tous les deux la même quantité d’éléments, donc ça ira, MAIS je veux seulement avoir un sharepoint navigation et pouvoir déclencher plusieurs dots avec les mêmes atsortingbuts. $(‘.div_main .owl-dots’).each(function(index) { $(this).attr(‘data-index’,’dot-‘+index); }); $(‘.owl-dots[data-index=”dot-0″] button’).each(function(index) { $(this).attr(‘data-index’,’dot-‘+index); }); $(‘.owl-dots[data-index=”dot-1″] button’).each(function(index) { $(this).attr(‘data-index’,’dot-‘+index); }); $(‘.div_main .owl-dot’).click(function(e) { e.preventDefault(); var idx […]
J’ai réussi à faire parfaitement fonctionner Owl Carousel sur ma page d’accueil Magento en utilisant des divs d’images. Mon objective est de le faire fonctionner avec des produits, mais je me bats. Je souhaite afficher les produits d’une catégorie particulière et les afficher sur la page d’accueil à l’aide du carrousel de la chouette, mais […]
Je crée une page qui charge du contenu externe via ajax. $(“.link”).click(function(e) { e.preventDefault() $(“#ajax-container”)load(“external-file.php”); }); Cela fonctionne, mais le contenu des fichiers externes contient un carrousel de la chouette, qui apparaît dans le code HTML chargé, mais ne s’initialise pas. Selon la documentation Owl, et le post simialr ici ( Comment réinitialiser Owl Carousel […]
En utilisant un carrousel de hibou et en essayant de faire glisser les éléments cinq à cinq, maintenant j’ai 5 éléments, je veux quand j’appuie sur le bouton suivant ou précédent il passe à l’élément suivant, actuellement il passe à l’élément suivant, est-ce possible? $(‘.owl-carousel’).owlCarousel({ loop:true, items:5, margin:10, nav:true }) Démo j’ai googlé et vérifié […]
J’utilise Owl Carousel 2. Je souhaite charger Owl Carousel dans le panneau Bootstrap Accordion. Mon code va comme ça … CODE HTML: View Users in the Panel Code jQuery: jQuery(function() { var $carousel = $(“.users_block_accordion .owl-carousel”).owlCarousel({ navigation: true, navigationText: [ “<“, “>” ], items: 3 }); }); Je partage également l’aperçu de la capture d’écran […]
J’essaye de réinitialiser le carrousel de hibou après un appel ajax réussi. L’appel ajax modifiera les données mais la vue devrait restr la même. J’ai un problème où la structure du carrousel de vues ne sera pas réinitialisée. Je ne sais pas où je me suis trompé. Demande Ajax $(document).on(‘click’, ‘.category_list’, function() { var category_id […]
$(“.owl-carousel”).owlCarousel({ margin:10, dots:false, nav:true, responsive:{ 0:{ items:1 }, 600:{ items:3 }, 1000:{ items:5 } } }); Le dessus est mon carrousel de hibou. Maintenant, j’ai besoin d’un clic sur owl-item devrait être au centre. s’il te plait n’importe moi
Eh bien, j’utilise un plugin owl-carrousel-2 maintenant. Et je rencontre le problème suivant: Le code de marquage: $(function() { var $owl = $(‘.owl-carousel’); $owl.owlCarousel(); // Doing many things here. $owl.show(); }); Le problème est: Quand $owl.owlCarousel(); avec le $owl.owlCarousel(); déclaration qui, dans un état caché, sa taille n’est pas initialisée. Donc, quand je montre ce […]
Mon but est de faire un carrousel qui ressemble à ceci: Si vous ne savez pas ce que vous regardez, il y a 5 images / éléments mais seule celle du centre est affichée dans sa taille maximale. Les images à côté de celle du centre sont plus petites et les autres, encore plus petites. […]
J’utilise Owl Carousel 2.0 . Je souhaite afficher un élément, une moitié (ou moins) de l’élément précédent (côté gauche) et une moitié (ou moins) de l’élément suivant (côté droit). Il suffit d’en mettre une partie à droite et à gauche: J’ai essayé d’utiliser uniquement CSS ( padding et margin négatif avec owl-stage-outer ), mais évidemment, […]