Einfache JavaScript / HTML Slideshow [geschlossen]

8

Neu in Javascript, aber nach einigen Recherchen ist es so, dass dies die beste Methode wäre, um meine gewünschte Ausgabe zu implementieren. Ich versuche eine Diashow von Bildern (5 vorgewählte Bilder) zu erstellen, die automatisch zwischen 5 Sekunden Intervallen wechseln. Kann jemand auf ein Tutorial hinweisen oder mich in diesem Prozess begleiten? Jede Hilfe wird sehr geschätzt.

    
TopChef 26.09.2011, 22:11
quelle

5 Antworten

6

Ein wirklich nettes jQuery slideshow type plugin ist das Ссылка Es hat viele verschiedene Übergänge zwischen den Folien und ist wirklich einfach zu bedienen.

Es gibt viele da draußen, also wird eine schnelle Google-Suche nach "jQuery Slideshow" Hunderte von Ergebnissen erzeugen.

    
Tim B James 26.09.2011, 22:27
quelle
11

Hier ist ein sehr einfacher Code, um einfache JavaScript / HTML-Slideshows nur mit einfachen JavaScript- und HTML-Codes zu erstellen:

%Vor%     
shus 29.04.2014 18:57
quelle
4

Rufen Sie einfach die JavaScript-Inhaltsregler auf

Hier sind 350 Bild- und Inhaltsregler:

Ссылка

und hier sind 25 weitere:

Ссылка .

    
Michael Durrant 26.09.2011 22:36
quelle
3

Es gibt Tausende von Beispielen, von denen einige sehr komplex und anspruchsvoll sind. Das Schwierige ist vielmehr, einen für Anfänger leicht zu finden.

Nach ein paar Recherchen habe ich das von css-tricks (Verwendet auch jquery).

    
T30 20.06.2014 08:36
quelle
1

Ich weiß, dass es sich um einen alten Post handelt, aber ich würde mein Tutorium für alle, die in Zukunft auf diese Frage stoßen, weitergeben.

Einfache Diashow

Hoffe, das hilft jemandem. Es ist eine ziemlich einfache und einfache Diashow, die einfach zu erstellen / zu implementieren ist.

Nur für den Fall, dass der Link ungültig wird, ist hier der Code: Die erste Stufe besteht darin, das HTML wie folgt einzurichten:

%Vor%

Als nächstes schreiben wir das CSS wie folgt:

%Vor%

Wie Sie sehen, gibt es an diesem CSS nichts Aufregendes oder Kompliziertes. In der Tat wird es nicht einfacher, aber ich verspreche, dass das alles ist, was benötigt wird.

Als nächstes werden wir die jQuery erstellen:

%Vor%     
M_Griffiths 09.12.2015 15:25
quelle