Forum

jquery, dauerhafte einfache bildanimation erstellen.?

Erstellt von jimmyn00b, 21.09.2010.



  1. jimmyn00b

    jimmyn00b Noch nicht viel geschrieben

    Dabei seit:
    30.12.2009
    Beiträge:
    14
    Geschlecht:
    männlich
    jquery, dauerhafte einfache bildanimation erstellen.?
    Hallo, ich habe in meinem html dokument in einem div mehrere bilder.
    Diese möchte ich nacheinander wechseln lassen.

    Also so wie eine gif animation blos mit jquery gelöst.

    Kann mir einer helfen?
    Liebe grüße
    jimmyn00b
     
    #1      
  2. Pascal Bajorat

    Pascal Bajorat Administrator Teammitglied

    Dabei seit:
    26.10.2005
    Beiträge:
    651
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Adobe Photoshop CC / Php Storm / Panic Coda
    Kameratyp:
    Canon EOS 450D
    jquery, dauerhafte einfache bildanimation erstellen.?
    AW: jquery, dauerhafte einfache bildanimation erstellen.?

    Ja, beschäftige dich mal mit der jQuery Funktion animate, damit solltest du die gewünschten Animationen unter anderem realisieren können:
    .animate() – jQuery API
     
    #2      
  3. jimmyn00b

    jimmyn00b Noch nicht viel geschrieben

    Dabei seit:
    30.12.2009
    Beiträge:
    14
    Geschlecht:
    männlich
    jquery, dauerhafte einfache bildanimation erstellen.?
    AW: jquery, dauerhafte einfache bildanimation erstellen.?

    darauf bin ich auch schcon gekommen, bin blos noch nicht so fit!
     
    #3      
  4. fexx

    fexx Aktives Mitglied

    Dabei seit:
    13.07.2010
    Beiträge:
    1.058
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Adobe Creative Cloud, Coda2
    jquery, dauerhafte einfache bildanimation erstellen.?
    AW: jquery, dauerhafte einfache bildanimation erstellen.?

    dann poste doch mal deinen ansatz hier rein :)
     
    #4      
  5. Duddle

    Duddle Posting-Frequenz: 14µHz

    Dabei seit:
    03.02.2006
    Beiträge:
    3.856
    Geschlecht:
    männlich
    Ort:
    Dresden
  6. jimmyn00b

    jimmyn00b Noch nicht viel geschrieben

    Dabei seit:
    30.12.2009
    Beiträge:
    14
    Geschlecht:
    männlich
    jquery, dauerhafte einfache bildanimation erstellen.?
    AW: jquery, dauerhafte einfache bildanimation erstellen.?

    window.onload = function(){ alert("welcome"); }

    <script type="text/javascript">
    var b = new Array();
    b[0] = new Image(); b[0].src = "startseite_01.jpg";
    b[1] = new Image(); b[1].src = "startseite_02.jpg";
    b[2] = new Image(); b[2].src = "startseite_03.jpg";
    b[3] = new Image(); b[3].src = "startseite_04.jpg";
    b[4] = new Image(); b[4].src = "startseite_05.jpg";
    var i = 0;
    function Animation () {
    if (i > 4)
    i = 0;
    document.images[0].src = b.src;
    i = i + 1;
    window.setTimeout("Animation()", 1000);
    }

    window.setTimeout("Animation()", 1000);
    </script>


    So in etwa.
     
    Zuletzt bearbeitet: 21.09.2010
    #6      
  7. jimmyn00b

    jimmyn00b Noch nicht viel geschrieben

    Dabei seit:
    30.12.2009
    Beiträge:
    14
    Geschlecht:
    männlich
    jquery, dauerhafte einfache bildanimation erstellen.?
    AW: jquery, dauerhafte einfache bildanimation erstellen.?

    irgendwelche ideen ?
     
    #7      
  8. Duddle

    Duddle Posting-Frequenz: 14µHz

    Dabei seit:
    03.02.2006
    Beiträge:
    3.856
    Geschlecht:
    männlich
    Ort:
    Dresden
    jquery, dauerhafte einfache bildanimation erstellen.?
    AW: jquery, dauerhafte einfache bildanimation erstellen.?

    Ich habe dir doch oben zig Slideshows verlinkt. Das sind alles jQuery-PlugIns, die du ohne große Umstände nutzen kannst. Du musst das Rad nicht neu erfinden, dein Problem wurde schon sehr oft und browserübergreifend gelöst.


    Duddle
     
    #8      
  9. schnullerbacke

    schnullerbacke Aktives Mitglied

    Dabei seit:
    22.03.2006
    Beiträge:
    266
    jquery, dauerhafte einfache bildanimation erstellen.?
    AW: jquery, dauerhafte einfache bildanimation erstellen.?

    Einfach nur als Bilderwechsler ohne viel Schnickschnack würde ich dir jQuery Cycle Plugin empfehlen.
    Der Link ist zwar oben bei Duddle's Links mit dabei, aber hier mal direkt:
    JQuery Cycle Plugin

    Ist wirklich total easy, sind zig Beispiele dabei (mit Klick, ohne Klick, Effekte).
    Kannst du aus dem Quelltext einfach rauskopieren und anpassen.
    Das hab sogar ich hinbekommen.
     
    #9      
  10. Lothaar71

    Lothaar71 Noch nicht viel geschrieben

    Dabei seit:
    10.12.2007
    Beiträge:
    4
    Geschlecht:
    männlich
    jquery, dauerhafte einfache bildanimation erstellen.?
    #10      
Die Seite wird geladen...
© 2002 - 2016 PSD-Tutorials.de – ein Projekt mit der 4eck Media GmbH & Co. KG
x
×
×