[JavaScript] Obrazek - mouseout(50%) a mouseover(100%)?

Witam. Może napisałem trochę temat niezrozumiale ale już wyjaśniam o co mi chodzi. Chciałbym, aby jakiś tam obrazek na mojej stronie przed najechaniem miał przeźroczystość 50%, a po najechaniu 100% oraz, że by przechodziło to płynnie. Wiem, ze jest coś takiego możliwe, gdyż na tej jest coś takiego :slight_smile: ( te 2 obrazki koło siebie na topie) szukałem na Google coś w tym rodzaju, ale nie znalazłem tego co by mnie akurat interesowało :confused: Za pomoc będę wdzięczny :slight_smile: Pozdrawiam

Witam

Wiec tak, kod strony musi zawierać skrypt java:

function high(which2){

theobject=which2

highlighting=setInterval(“highlightit(theobject)”,50)

}

function low(which2){

clearInterval(highlighting)

if (which2.style.MozOpacity)

which2.style.MozOpacity=0.3

else if (which2.filters)

which2.filters.alpha.opacity=50

}

function highlightit(cur2){

if (cur2.style.MozOpacity<1)

cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1

else if (cur2.filters&&cur2.filters.alpha.opacity<100)

cur2.filters.alpha.opacity+=10

else if (window.highlighting)

clearInterval(highlighting)

}

A sekcja IMG obrazka, który ma zmieniać kolor powinna zawierać:

style=‘filter:alpha(opacity=50);-moz-opacity:0.3’ onMouseover=‘high(this)’ onMouseout=‘low(this)’

Czyli powinna wyglądać np. tak:

naruto.jpg

Mam nadzieje, że informacja okaże się pomocna, ew. jeśli jakaś strona zawiera interesujące elementy zawsze można napisać do jej webmastera o pomoc w utworzeniu podobnych.

PZDR

Dzięki :slight_smile: Wszystko działa :slight_smile: Pozdrawiam - można zamknąć temat