[js] obrazek - mouseout(50%) a mouseover(100%)?

[Dzidek794]

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 ( 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 Za pomoc będę wdzięczny Pozdrawiam

[nanoo]

witaj,
musisz użyć tego skryptu:

Kod: Zaznacz wszystko

  <script language="JavaScript1.2">
//Gradual-Highlight image script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

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 dodatkowo obrazek wstawiać w taki sposób:

Kod: Zaznacz wszystko

<a href='odnośnik' target=_blank><IMG style='filter:alpha(opacity=50);-moz-opacity:0.3' onMouseover='high(this)' onMouseout='low(this)' src='obrazek' border=0></a>

pozdro

Autor postu otrzymał pochwałę

[Dzidek794]

Dzieki działa