Articles of hibou carrousel

Owl Carousel – Faites glisser plusieurs carrousels en un seul point

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 […]

Owl Carousel – Produits Magento

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 […]

carrousel de hibou, charge ajax

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 […]

chouette carrousel slide n by n

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é […]

Owl Carousel 2 dans l’accordéon bootstrap ne fonctionne que sur le redimensionnement de la fenêtre?

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 […]

Comment réinitialiser Owl Carousel après un appel ajax?

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 […]

L’élément cliqué doit être au centre du carrousel des hiboux

$(“.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

Comment re-rendre un article de hibou-carrousel?

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 […]

Comment append des classes à des éléments dans Owl Carousel 2?

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. […]

Afficher une partie des éléments suivants et précédents avec Owl Carousel 2.0

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, […]