JS Fadein/out

02/24/2013 20:02 Rin-BlueFlames#1
Hey,

für meine Enter/Splashpage habe ich ein Hover in js gecoded relativ simple,

function hp_hover()
{
document.hp.src ="img/splash_hover.png"
}
function hp_normal()
{
document.hp.src ="img/splash.png"
}

Nun möchte ich aber das beim drüberfahren das ganze nicht einfach so dann erscheint sondern per Fadein und dementsprechend beim weggehen wieder verblasst.. Wisst ihr wie das geht. Bei Google hab ich keins gefunden bei dem eine IMG SRC mit angegeben ist
02/27/2013 16:50 kissein#2
[Only registered and activated users can see links. Click Here To Register...]

Mit jquery fw simple einzubauen
03/01/2013 10:54 vony#3
[Only registered and activated users can see links. Click Here To Register...] als Alternative
03/02/2013 00:23 snow#4
Was evtl. auch noch möglich wäre, wäre per Rekursion den Alpha-Wert zu verringern.

Das könnte dann so aussehen:

function fade(value) {

if (value == 0) {

return;
}

img.style.filter = "alpha(opacity=" + value + ");";
img.style.opacity = "\"" + "0." + value + "\"";

window.setTimeout(fade(parseInt(value) - 25), 100); //nach 0,1 Sekunden die Funktion mit einem Wert von value - 25 aufrufen
}

Und das ganze aufrufen mit face(100)

keine Ahnung ob das geht, ich hab leider keine große Erfahrung mit JS. :D
03/02/2013 14:16 Rin-BlueFlames#5
Ich danke euch allen 3