Utilisez un script pour sélectionner au hasard trois diapositives parmi cinq diapositives, affichez-le et masquez les deux diapositives non sélectionnées.

J'ai le code html et javascript suivant dans lequel j'ai un curseur avec cinq diapositives. Je dois sélectionner au hasard trois des cinq diapositives à chaque fois que la page est chargée et les deux diapositives qui ne sont pas sélectionnées seront complètement masquées. Merci de m'avoir dit où es...

P粉068174996 2024-01-29 15:29:10 0  1  574

Créez des boutons personnalisés pour la navigation dans les diapositives dans Swiper à l'aide de Vue.js

Je dois supprimer la navigation par défaut (nextEl, prevEl) et faire défiler le bouton avec le texte "bouton de la diapositive suivante" jusqu'à la diapositive suivante <swiperclass="news-slider":sliderd-per-view="1" :modules= "[Navigation,Pagination,A11y,Lazy]&...

P粉035600555 2023-11-02 14:42:51 0  1  771

Ajouter un diaporama à Slick en utilisant ajax

J'utilise donc SlickCarousel et j'y affiche une liste de produits de la base de données qui est limitée à 24 pour des raisons de performances. Mais j'ai besoin de tous les afficher, j'ai donc créé une fonction afterChange et chaque fois que l'utilisateur a 2 diapositives avant la fin, ajax charge 24...

P粉937769356 2024-02-26 19:55:30 0  1  388

Diaporama en boucle excluant les doublons de clones dans Cypress

Je suis nouveau sur Cypress et j'essaie de parcourir un diaporama excluant les doublons clonés. J'utilise l'indexation avec .each() dans Cypress mais cela ne fonctionne pas. Vous trouverez ci-dessous mon code if(index!=0&&index>=22){//dosomething}else{//dosomething} Vous trouverez ci-dess...

P粉197639753 2024-03-25 22:41:02 0  1  488

La zone de clic de la flèche du curseur est plus large que l'icône

Sur mon site de développement WordPress, j'ai une fonctionnalité de diaporama pour les galeries. Lorsque vous cliquez sur une image, un diaporama démarre. Mon problème ce sont mes deux flèches blanches, une à gauche et une à droite. La zone cliquable de la flèche est plus large que la taille de l'ic...

P粉195200437 2023-09-13 19:29:50 0  1  659

Définir le nombre d'éléments du carrousel en fonction de la valeur localStorage enregistrée à l'aide de TailwindCSS et Flowbite

Ajout d'un carrousel à ma page en utilisant TailwindCSS et Flowbite. J'ai également ajouté un élément de commutateur à bascule qui me permet essentiellement de basculer entre les deux éléments du carrousel (coché = diapositive 2, décoché = diapositive 1). Cela fonctionne - là où je suis bloqué, j'es...

P粉043566314 2024-03-21 21:45:29 0  1  397

Masquer et afficher du contenu animé : créez des pages HTML avec des effets de transition

J'essaie de créer un site Web qui affiche du contenu sous la forme d'un livre, avec des animations pour tourner les pages. Il existe différentes images SVG à animer pour le contenu de chaque "page" ; je ne sais pas comment procéder. Fondamentalement, existe-t-il un moyen d'afficher et de m...

P粉674757114 2023-09-10 17:41:45 0  1  705

PHP <form method="post"> sur plusieurs diapositives de carrousel

Excuse : je crée une page d'accueil avec un carrousel. Les carrousels fonctionnent très bien. Cependant, chaque diapositive possède son propre formulaire de saisie. Si j'essaie de combiner les deux formulaires au sein d'une seule balise, la page se recharge avec son contenu d'origine chaque fois que...

P粉043432210 2023-09-15 14:13:53 0  1  600

Comment créer un carrousel à l'aide de slots ?

Les gens continuent de me montrer la même manière de créer un carrousel en utilisant une série d'images. Mais cette approche est rigide car je souhaite que chaque diapositive du carrousel contienne un composant lightbox. Dans ce cas, je ne veux pas remplacer la fonctionnalité de la lightbox pour les...

P粉817354783 2024-01-10 16:53:13 0  1  455

Tous les 3 éléments enveloppent un élément parent

Je veux juste envelopper un div avec la classe diaporama toutes les 3 divs avec une classe pour la recherche audio. Une erreur que j'ai eue était qu'il disait elem.parentElement n'est pas défini... donc cette partie fonctionne bien... constaudioBlocks=document.querySelectorAll('.search-audio');const...

P粉211273535 2024-04-02 13:11:31 0  2  487

Rendu dans une boucle de modèle à l'aide d'éléments de slot Vue

J'essaie de transmettre le code HTML des diapositives à un composant, puis de les restituer à un autre composant en utilisant les emplacements //carousel.blade.php <my-carousel><templatev-slot:slides><div>slide1</ div ><div>slide2</div></template></mon-ca...

P粉514458863 2023-09-15 10:37:00 0  1  638

PHP : Comment copier toutes les images d'un sous-dossier dans un seul dossier (pas besoin de créer des sous-dossiers !)

Pour la fête d'anniversaire de ma femme, j'ai créé un site Web sur lequel j'ai collecté des images d'invités à la fête, puis j'ai créé un joli livre en guise de souvenir. Les invités disposent d'un compte et téléchargent des images dans « leur » dossier. J'ai maintenant un outil qui crée dynamiqueme...

P粉877114798 2024-01-29 09:16:15 0  1  441

Empêcher scrollIntoView() de faire défiler le conteneur vers le haut de la page

J'essaie de créer un carrousel d'images simple "principalement CSS" qui utilise l'accrochage au défilement mais dispose également de boutons de navigation pour contrôler la diapositive actuellement affichée. La seule solution que j'ai trouvée est d'utiliser scrollIntoView() sur l'élément c...

P粉690200856 2024-03-26 20:25:28 0  1  509

La barre de progression du curseur ne correspond pas au nombre de diapositives

J'ai créé un carrousel avec 7 éléments. Par défaut, ce carrousel affichera 5 éléments. Dans ma démo, j'ai rencontré deux problèmes : le curseur était réglé pour boucler à l'infini, mais lorsqu'il est revenu à la diapositive 1, la barre de progression ne s'est pas réinitialisée. Une fois que le curse...

P粉587780103 2023-08-25 16:17:45 0  1  678

dessin sur toile javascript

J'ai écrit une fonction qui appelle drawImage de Canvas pour la première fois pour dessiner une partie d'une image locale (cela peut réussir), puis appelle toDataURL pour convertir l'image dessinée par Canvas en l'attribut src de l'objet image, puis ceci Pourquoi l'image dessinée sur toile utilise l...

PHP中文网 2017-07-05 10:46:27 0  1  785

JavaScript et Jquery : Trouver l'index de l'élément cliqué

Je crée un diaporama et j'ai des difficultés avec la question suivante : Comment trouver la position (index) dans un tableau lorsqu'on clique sur une étiquette ? La partie de code suivante obtient toutes les balises a this.thumbs=this.nav.find('a'); Où commence-t-il ? Un autre problème - lorsque l'o...

P粉022140576 2023-08-25 14:55:21 0  1  577