Slideshow erstellen mit Buttons - wie?

[.Dave']

Hallo c:

Würde gerne auf meine Seite einen Slider einbauen mit je einen Button links und rechts.
Der Slider soll automatisch alle paar Sekunden zur nächsten Seite wechseln und man sollte automatisch die Bilder wechseln können.



Hab jetzt alle 4 Seiten und die 2 Pfeile ausgeschnitten.

Wie programmiere ich das am besten ohne Dreamviewer?
Funktioniert sowas mit jQuery ?
Kennt jemand dazu ein passendes V-Tut ?

Danke

[MrDami123]

JavaScript wird oft verwendet.

[.Dave']

Originally Posted by MrDami123

JavaScript wird oft verwendet.

Suche kein "fertiges Template", sondern ehr ein Tutorial in dem ich das selber programmieren kann. Will ja was dazu lernen und habe nur Grundkenntnisse in html und css.

[MrDami123]

Wenn du nicht programmieren kannst, wird es komplizierter.
Video Tut:

Wenn du danach googlest "slider video tutorial" kannst du dir ggf. ein besseres aussuchen, hab nur das oberste genommen.

[.Dave']

Originally Posted by MrDami123

Wenn du nicht programmieren kannst, wird es komplizierter.
Video Tut:

Wenn du danach googlest "slider video tutorial" kannst du dir ggf. ein besseres aussuchen, hab nur das oberste genommen.

Schaut schon besser aus, danke

[.BlueExorcist]

und quellcode anschauen.

[.Tear]

Ich würd ansich immer mit den jQuery Add-Ons arbeiten.. warum? Spart Zeit beim bearbeiten bevor du jedesmal was kompl. eigenes schreiben willst.. Anpassen kann man ja selber mit CSS etc.

[mhaendler]

Du könntest verschiedene Ansätze verwenden hier ein kleines Beispiel für einen eigenen Slider (ist sehr schnell zusammengeschrieben sorry):

Du hast Bildnamen von 1-4 sag ich jetzt mal also 1.jpg ....
Du hast ein img-Tag im HTML mit id in der "src" steht ja die URL des Bilder drinnen.

Wenn nun jemand auf den Pfeil drückt (onClick="nextImage()") in nextImage holst du dir über die ID (getElementById) die ID deiner Image Tags (oder jquery $('#id')) und veränderst den src Wert auf eine Zählervariable welche du global definierst.

Vom System her verstanden wie ich es meine?

Hoffe konnte helfen / dir den Weg zu deinem eigenen!! ImageSlider näher bringen

Du hast Bildnamen von 1-4 sag ich jetzt mal also 1.jpg ....
Du hast ein img-Tag im HTML mit id in der "src" steht ja die URL des Bilder drinnen.

Je nach Programmierkenntnissen kann man das über ein Array / JSON schöner lösen dann kannst du nämlich irgendwelche Dateinamen verwenden da die Werte über den Index des Array's / JSON ausgegeben werden

[.Dave']

Originally Posted by dealaking

Du könntest verschiedene Ansätze verwenden hier ein kleines Beispiel für einen eigenen Slider (ist sehr schnell zusammengeschrieben sorry):

Du hast Bildnamen von 1-4 sag ich jetzt mal also 1.jpg ....
Du hast ein img-Tag im HTML mit id in der "src" steht ja die URL des Bilder drinnen.

Wenn nun jemand auf den Pfeil drückt (onClick="nextImage()") in nextImage holst du dir über die ID (getElementById) die ID deiner Image Tags (oder jquery $('#id')) und veränderst den src Wert auf eine Zählervariable welche du global definierst.

Vom System her verstanden wie ich es meine?

Hoffe konnte helfen / dir den Weg zu deinem eigenen!! ImageSlider näher bringen


Je nach Programmierkenntnissen kann man das über ein Array / JSON schöner lösen dann kannst du nämlich irgendwelche Dateinamen verwenden da die Werte über den Index des Array's / JSON ausgegeben werden

Top erklärt, danke!