Div Slide Down ohne Click

[Gelöschtes Mitglied 23527]

Hallo liebes Forum,

ich gestalte gerade mein Portfolio neu und wollte ich bisschen jQuery einbauen (kann ja nicht schaden).
Da kam mir die Idee ein kleines Bild zu einer bestimmten Position fliegen zu lassen.

Das Bild (das kleine Runde Icon mit meinem Gesicht)soll gleich nach dem Laden der Seite vom oberen Bildschirmrand auf die Position "sliden".
Habe schon viel gesucht, aber bei allen Ergebnissen muss man erst auf einen Button etc. klicken.



Ich hoffe ihr könnt mir helfen. :-)
Grüße

 

[threadi]

Schau dir von jQuery mal die animate()-Funktion an. Mit der kann man CSS-Eigenschaften über einen Zeitraum hinweg manipulieren. Dadurch kann man die Position dieses Bildes ändern, quasi "einfliegen" lassen.

 

[Sempervivum]

Hallo,
so etwas habe ich mal für jemand anders programmiert. Sieht so aus:

  $(document).ready(function(){
    imwidth = $('#bild').prop('width');
    imheight = $('#bild').prop('height');
    winwidth = $(window).width();
    winheight = $(window).height();
    startx = - imwidth;
    endx = Math.floor (winwidth / 2 - imwidth / 2);
    starty = winheight;
    endy = Math.floor (winheight / 2 - imheight / 2);
    $('#bild').animate ({left: startx, top: starty}, 0);
    $('#bild').animate ({left: endx, top: endy}, 5000);
   });

 

[agund]

kannst auch das onmouseover event nehmen...

 

[Gelöschtes Mitglied 23527]

Sorry, dass ich mich erst jetzt melde. Hab's vergeigt. Auf jeden Fall habe ich es jetzt mit HTML5 gemacht. :)
Trotzdem vielen Dank!