Nahtloses Karussell-Karussell

Wenn Anfang und Ende beim Erstellen von Karussellbildern nicht verbunden werden können, ist der Effekt etwas hässlich. Hier ist eine Methode, die ich häufig verwende:

Erklären Sie zunächst im Text:

Wenn Sie möchten jeweils 5 Bilder anzeigen: 1, 2, 3, 4, 5. Dann lautet die Einführung des Codes wie folgt: 1, 2, 3, 4, 5, 1

Die Reihenfolge der Drehung ist Hier gibt es nicht viel zu sagen, der Hauptpunkt ist das Karussell von 5>1 und 1>5

i stellt den Index des aktuellen Bildes dar

pre stellt die Schaltfläche des vorherigen Bildes dar

next stellt die Schaltfläche für das nächste Bild dar

ul stellt die Bilderliste dar

(1) 5>1>2... Wenn die Schaltfläche „Weiter“ von 5 auf wechselt 1, es dreht sich normal der Reihe nach. Wenn das aktuelle Bild das zweite „1“ ist, sollte das nächste Bild „2“ sein, und wenn es „nächstes“ ist, ist der linke Wert von ul 0, i==1

(2 ) 1>5>4.... Wenn die Schaltfläche „Vor“ vom aktuellen Bild „1“ (der ersten 1) zu Bild 5 wechselt, i==4, der linke Wert von ul wird zu -5, was der Breite von img mal entspricht, das heißt, die erste 1 wird stillschweigend zur letzten 1;

Das obige ist der detaillierte Inhalt vonNahtloses Karussell-Karussell. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!