Efekat nad slikama

[Kerber]

Kojom metodom se dobije efekat kao na stranici

http://www.autodemontageverwijst.nl/

Tri slike ispod sadržaja glavnog.

Misli se na efekat laganog hovera, tak nešt.
Da se usporeno mjenja pozadina.

[Morrissey]

mislim da je to flash,nisam siguran.

[tutorial]

Ja mislim da je to javascript, s obzirom da nisam vidio da ima flash elemenata na stranici.

[hamferus]

Nije flash.

Ovo je dio iz html koda tog div-a

Code:

<div id="rdw1">
<a class="bvFadeLink" rel="external" href="http://www.rdw.nl/nl/voertuigbranche/" style="visibility: visible; opacity: 0.01;"/>
</div>

pošto je opacity 0.01 mislim da se on povećava do 100% ja neznam kako ali treba se malo pozabait s kodom css-a(ako se to može povećat s njim).

Moje mišljenje je javascript, al nisam siguran.

[struja13]

Gotovo pa siguran da je java script...

[Puž]

Css-om je određena Alpha koju javascript pojačava ili smanjuje.

Evo ti primjer kak se ovo može napraviti

Code:

<script type="text/javascript">
//////////////////////////////////////////////////////////
var unutra;
var van;

function animacija_jace(kaj,i)
{    
    if(i++==10)return(0);        
    
    kaj.style.filter="alpha(opacity="+i*10+")"
    
    kaj_temp=kaj;
    i_temp=i;    
    
    unutra=setTimeout("animacija_jace(kaj_temp,i_temp)",50)    
}
function tamno(kaj)
{
    clearTimeout(unutra)
    clearTimeout(van)
    
    kaj_temp=kaj    
    animacija_jace(kaj_temp,'0')
}
//////////////////////////////////////////////////////////
function animacija_slabije(kaj,i)
{    
    if(i--==1)return(0);    
    
    kaj.style.filter="alpha(opacity="+i*10+")"    
    
    kaj_temp=kaj;
    i_temp=i;    
    
    van=setTimeout("animacija_slabije(kaj_temp,i_temp)",50)
}

function svijetlo(kaj)
{    
    clearTimeout(van)
    clearTimeout(unutra)
    
    kaj_temp=kaj    
    animacija_slabije(kaj_temp,'10')    
}
//////////////////////////////////////////////////////////
</script>

<div style="background:#00ff00;width:100px;filter:alpha(opacity=10);)" onmouseover="tamno(this)" onmouseout="svijetlo(this)">
    <a href="javascript:void(0)">Neki link</a>
</div>

Ovaj kod ti dela samo u IE-u, zato kaj naravno svaki browser tumaći stvari na svoj način (zaš bi bilo jednostavno kad može biti kompliciarnije).

Uglavnom firefox-u moraš reć da mu je stil "-moz-opacity:.10",a ne "filter:alpha(opacity=10)", kojemu pristupaš javascript-om ovak: "kaj.style.MozOpacity". Za druge browser-e neam blage veze, al ziher moš zguglat rješenje vrlo lako.

[Morrissey]

Zna li netko kako se napravi onakav meni(izbornik sa gibajućom pozadinom) sa istoimene stranice?
Zanimljiv je efekt...

[Kerber]

Evo ja sam vec napravio

http://www.bayern-balkan.com/bhb/

a našao sam ga ovdje

http://www.gmarwaha.com/blog/?p=7

[Kerber]

Našao sam tutorijal za ovaj efekat nad slikama, izvorni, od lika cija je skripta na gore spomenutoj stranici

http://iaian7.com/webcode/AN7effects

[Morrissey]

Kerber Wrote:Evo ja sam vec napravio

http://www.bayern-balkan.com/bhb/

a našao sam ga ovdje

http://www.gmarwaha.com/blog/?p=7

E mnogo ti hvala !