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  538

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  356

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  725

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  448

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  619

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  354

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  571

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  476

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  644

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  410

problème d'objet javascript

js, quelles connaissances sont souvent utilisées dans le développement réel ? Tableau? temps? Expression régulière? Par exemple, avez-vous besoin de les utiliser pour des diaporamas ou d’autres effets spéciaux ?

PHPz 2017-05-18 10:52:15 0  4  578

Il semble que useEffect soit déclenché même si l'état de dépendance n'a pas changé ?

J'essaie de créer un composant carrousel dans mon projet React. J'essaie en fait d'exploiter un composant carrousel existant écrit en JS pur, en utilisant Refs pour le faire fonctionner dans React, plutôt que de modifier directement le DOM. J'ai un problème lorsque j'essaie d'initialiser le carrouse...

P粉946336138 2023-08-15 16:21:30 0  1  551

Comment centrer le titre de la diapositive dans R Markdown ?

Je souhaite ajouter une diapositive vierge entre les deux sections et un titre court (un seul #) au format de titre principal au centre de celle-ci. Est-il possible?

P粉154228483 2023-09-15 18:22:53 0  1  509

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  415

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  606

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  673

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  405

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  559

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  759