Objekt um Variable verschieben

[Conkuist]

Hallo habe versuch eine art Diashow für meine Seite selber zu erstellen.
Habe leider wenig Erfahrung mit Javascript.
Hier ein Beispiel wie es funktionieren soll.
Leider habe ich es bis jetzt nur mi 2 Bildern geschafft.
Allerdings sollte wenn man noch mal weiter drück das nächste Bild kommen
das versuche ich gerade irgendwie hinzubekommen
Nur leider finde ich dazu kein passendes Tutorial.

 

[Sempervivum]

Bei dem Beispiel passiert bei mir überhaupt nichts. Hast Du dir das als Übungsaufgabe gestellt um Javascript zu lernen? Wenn nicht, macht es wenig Sinn, so etwas selber zu entwickeln, weil es viele fertige Slideshows gibt.

 

[Conkuist]

Jo wollte Javascript lernen aber hat leider nicht so geklappt
weil ich kein Anfängerfreundliches Tutorial gefunden habe
Warum Passiert bei dir nichts ? habs mit allen Browsern getestet.
Hast du nen alten Browser oder Javascript deaktiviert ?
Oder nicht rechts unt links auf die weißen flächen geklickt ?

 

[Sempervivum]

Nein, habe den aktuellen Firefox und Javascript immer aktiviert. Dort ist nur links eine weiße Fläche zu sehen und wenn ich draufklicke passiert nichts. Schalte ich die Web-Konsole ein, bekomme ich die Meldung, dass das Logging durch ein Skript deaktiviert ist.
Selber habe ich Javascript bei http://www.javascriptkit.com/ gelernt, aber das ist aus heutiger Sicht nicht mehr zu empfehlen, obwohl es ein Tutorial für eine Slideshow gibt.
Edit: Doch, jetzt geht es. Habe einen Blick auf den Quelltext geworfen und gesehen, dass Du mit absoluten Abmessungen arbeitest. Das ist sehr ungünstig, denn wenn das Browserfenster zu klein ist, verschwindet die rechte weiße Fläche.
Wenn Du willst, dass es auch mit mehreren Bilder geht, wäre eine Möglichkeit, alle Bilder nebeneinander anzuordnen und den Margin jeweils zu erhöhen oder zu erniedrigen:

m = 0;
function next()
{
   m -= 1280;
    document.getElementById("inhalt").style.marginLeft=m + "px";
    document.getElementById("inhalt").style.transition="2s";
}

Natürlich müsstest Du dir für den Überlauf etwas einfallen lassen, wenn das erste oder das letzte Bild erreicht ist.
BTW: Interessante Idee, das mit CSS-Transitions zu machen.

 

[Conkuist]

Das verwundert mich ich hatte da keine Probleme
egal wie groß das Fenster ist wenn du das Fenster zu klein machst
kommt ein Scrollbalken wie das der Browser eben so macht
und außerdem sollte die slideshow mit einer breite von 1280 Pixeln auf
allen einigermaßen modernen Monitoren komplett dargestellt werden.


Hab dein Code ausprobiert jetzt müsste ich nur noch eine stopper einbauen das es bei einer bestimmten verschiebung nicht mehr weiter geht

Hier noch mal der link
ist zwar der gleiche wie oben aber doppelt hält besser XD

Hab mal rumprobiert
könnte das so irgendwie funktionieren

if(m<-4600) m=-4600;

if(m>0) m=0;