Verwenden Sie ein Skript, um drei Folien aus fünf Folien zufällig auszuwählen und anzuzeigen und die nicht ausgewählten zwei Folien auszublenden

Ich habe den folgenden HTML- und Javascript-Code, in dem ich einen Schieberegler mit fünf Folien habe. Ich muss bei jedem Laden der Seite zufällig drei der fünf Folien auswählen und die beiden nicht ausgewählten Folien werden vollständig ausgeblendet. Vielen Dank, dass Sie mir gesagt haben, wo das P...

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

Der Fortschrittsbalken des Schiebereglers stimmt nicht mit der Anzahl der Folien überein

Ich habe ein Karussell mit 7 Artikeln erstellt. Standardmäßig werden in diesem Karussell 5 Elemente angezeigt. In meiner Demo bin ich auf zwei Probleme gestoßen: Der Schieberegler war auf eine Endlosschleife eingestellt, aber als er zu Folie 1 zurückkehrte, wurde der Fortschrittsbalken nicht zurückg...

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

Erstellen Sie mit Vue.js benutzerdefinierte Schaltflächen für die Foliennavigation in Swiper

Ich muss die Standardnavigation (nextEl, prevEl) entfernen und die Schaltfläche mit dem Text „Next Slide Button“ zur nächsten Folie scrollen lassen <swiperclass="news-slider":sliderd-per-view="1" :modules= "[Navigation,Pagination,A11y,Lazy]"navigation="navigat

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

Loop-Diashow ohne Klonduplikate in Cypress

Ich bin neu bei Cypress und versuche, eine Diashow ohne geklonte Duplikate durchzugehen. Ich verwende die Indizierung mit .each() in Cypress, aber das funktioniert nicht. Unten ist mein Code if(index!=0&&index>=22){//dosomething}else{//dosomething} Unten ist ein Beispiel-Snapshot meines H...

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

PHP: So kopieren Sie alle Bilder in einem Unterordner in einen einzigen Ordner (keine Notwendigkeit, Unterordner zu erstellen!)

Für die Geburtstagsfeier meiner Frau habe ich eine Website eingerichtet, auf der ich Bilder von Partygästen gesammelt und anschließend ein schönes Buch als Erinnerung erstellt habe. Gäste haben ein Konto und laden Bilder in „ihren“ Ordner hoch. Ich habe jetzt ein Tool, das dynamisch Diashows aus Bil...

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

Verhindern Sie, dass scrollIntoView() den Container an den Seitenanfang scrollt

Ich versuche, ein einfaches „hauptsächlich CSS“-Bildkarussell zu erstellen, das das Scrollen verwendet, aber auch über Navigationsschaltflächen zur Steuerung der aktuell angezeigten Folie verfügt. Die einzige Lösung, die ich gefunden habe, besteht darin, scrollIntoView() für das Zielelement zu verwe...

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

Wie erstelle ich ein Karussell mit Slots?

Die Leute zeigen mir immer wieder, wie man aus einer Reihe von Bildern ein Karussell erstellt. Dieser Ansatz ist jedoch unflexibel, da ich möchte, dass jede Folie des Karussells eine Lightbox-Komponente enthält. In diesem Fall möchte ich die Funktionalität der Lightbox für die Bilder, die ich in das...

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

Fügen Sie Slick eine Diashow mit Ajax hinzu

Ich verwende also SlickCarousel und zeige darin eine Liste von Produkten aus der Datenbank an, die aus Leistungsgründen auf 24 begrenzt ist. Aber ich muss sie alle anzeigen, also habe ich eine afterChange-Funktion erstellt und jedes Mal, wenn der Benutzer 2 Folien vor dem Ende hat, lädt Ajax weitere...

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

Der Klickbereich des Schiebepfeils ist breiter als das Symbol

Auf meiner WordPress-Entwicklungsseite habe ich eine Diashow-Funktion für Galerien. Wenn Sie auf ein Bild klicken, wird eine Diashow gestartet. Mein Problem sind meine zwei weißen Pfeile, einer links und einer rechts. Der anklickbare Bereich des Pfeils ist breiter als die Größe des Symbols. Siehe Bi...

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

Ändern Sie den Array-Index, um die nächste Folie anzuzeigen

<template><divclass="carousel"><slot></slot><button@click="index++">Weiter</button></div></template><scriptsetup>import{useSlots

P粉777458787 2023-09-01 20:10:40 0  1  628

Animierte Inhalte ein- und ausblenden: Erstellen Sie HTML-Seiten mit Übergangseffekten

Ich versuche, eine Website zu erstellen, die Inhalte in Buchform mit umblätternden Animationen anzeigt. Es gibt verschiedene SVG-Bilder, die für den Inhalt jeder „Seite“ animiert werden können. Ich bin mir nicht sicher, wie das geht. Gibt es grundsätzlich eine Möglichkeit, Inhalte nach meinen Wünsch...

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

In Astro habe ich versucht, die Preact-Komponente von Funktion zu Klasse umzuschreiben

Hier gibt es ein Demo-Repository, das zeigt, wie man Preact mit Astro verwendet. Ich werde hier nur relevante Codeausschnitte zeigen. In der Astro-Seitendatei wird die Preact-Komponente wie folgt verwendet ---...constcount=signal(0);...---<Countercount={count}client:visible><h1>Hello,Pre...

P粉006540600 2024-01-16 23:12:28 0  1  438

Highcharts: Stellen Sie sicher, dass die Bildlaufleiste nur den Zeichenbereich abdeckt

Hier ist eine Geige für ein Beispieldiagramm, basierend auf dem Scrollbar-Tutorial in der Highcharts-Dokumentation hier: https://jsfiddle.net/zao68u2k/1/ Die einzige Änderung, die ich an der Standarddemo vorgenommen habe, war das Entfernen der Maske über: scrollablePlotArea :{ opacity:1,}Nachdem die...

P粉692052513 2023-09-16 11:04:01 0  1  983

Die heruntergeladene VScode-Schnittstelle unterscheidet sich von der im Vorlesungsvideo. Das Terminal und die Hilfe werden nicht automatisch angezeigt. Es gibt auch eine Folie, die sehr verwirrend ist.

P粉209771605 2023-08-04 17:56:21 0  0  313

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  716

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  655

CSS-Raster: Erstellen Sie eine neue Zeile, wenn der untergeordnete Inhalt die Spaltenbreite überschreitet

Ich habe ein zweispaltiges Layout basierend auf einem CSS-Raster. Wenn der Inhalt der zweiten Spalte 1fr überschreitet, möchte ich eine neue Zeile erstellen. So wie es derzeit aussieht, läuft der Inhalt einfach über die Spalte hinaus. Eine Voraussetzung für dieses Layout ist, dass sich die Elemente ...

P粉212114661 2023-09-05 15:18:28 0  1  546

PHP-Volltextsuchfunktion mit den Operatoren AND, OR und NOT

Frage für Anfänger: Ich versuche, eine Volltextsuche für eine Suchzeichenfolge mithilfe von PHP und Eloquent zu implementieren. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  498

Der kürzeste Weg, alle PHP-Typen in Strings umzuwandeln

Ich schreibe ein allgemeines System, von dem ich hoffe, dass es eines Tages auf Bereiche wie die Medizin angewendet werden kann (d. h. es ist „wissenschaftlich“). Ich denke, der beste Weg ist, alle Daten in PHP mit Strings darzustellen (true wird „true“, false wird „false“ sein und so weiter). Der G...

P粉369196603 2023-09-05 15:34:44 0  1  745