Efekat nad slikama

Threaded Mode | Linear Mode

Efekat nad slikama

Author Message

Kerber
_

Posts: 237
Group: Team
Joined: Dec 2006
Status: Offline
Reputation: 1

Post: #1

Efekat nad slikama

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.

Frki.org & 3Deset.com
Bayern Balkan zajednica

Pravila foruma - pročitajte prije nego pitate

12-01-2008 04:06 PM

Morrison
Forumaš

Posts: 564
Group: Registered
Joined: Mar 2007
Status: Offline
Reputation: 10

Post: #2

RE: Efekat nad slikama

mislim da je to flash,nisam siguran.

12-01-2008 05:23 PM

tutorial
Redoviti posjetitelj

Posts: 168
Group: Registered
Joined: Jan 2007
Status: Offline
Reputation: 6

Post: #3

RE: Efekat nad slikama

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

direktorij tutoriala seomag

12-01-2008 05:56 PM

hamferus
Forumaš

Posts: 352
Group: Registered
Joined: Jun 2006
Status: Offline
Reputation: 8

Post: #4

RE: Efekat nad slikama

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.

PHOTO - http://www.hamferus.com
VIDEO - http://www.metacafe.com/f/channels/hamferus/
RC WORLD - http://rcfanatic.blogspot.com
FLASH TUTORIJALI - http://blog.hamferus.com

This post was last modified: 12-01-2008 05:58 PM by hamferus.

12-01-2008 05:56 PM

struja13
Redoviti posjetitelj

Posts: 184
Group: Registered
Joined: Oct 2007
Status: Offline
Reputation: 0

Post: #5

RE: Efekat nad slikama

Gotovo pa siguran da je java script...

12-01-2008 07:55 PM

Puž
Redoviti posjetitelj

Posts: 132
Group: Registered
Joined: Mar 2007
Status: Offline
Reputation: 24

Post: #6

RE: Efekat nad slikama

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.

12-01-2008 08:13 PM

Morrison
Forumaš

Posts: 564
Group: Registered
Joined: Mar 2007
Status: Offline
Reputation: 10

Post: #7

RE: Efekat nad slikama

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

16-01-2008 11:08 AM

Kerber
_

Posts: 237
Group: Team
Joined: Dec 2006
Status: Offline
Reputation: 1

Post: #8

RE: Efekat nad slikama

Evo ja sam vec napravio He he

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

a našao sam ga ovdje

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

Frki.org & 3Deset.com
Bayern Balkan zajednica

Pravila foruma - pročitajte prije nego pitate

16-01-2008 06:40 PM

Kerber
_

Posts: 237
Group: Team
Joined: Dec 2006
Status: Offline
Reputation: 1

Post: #9

RE: Efekat nad slikama

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

http://iaian7.com/webcode/AN7effects

Frki.org & 3Deset.com
Bayern Balkan zajednica

Pravila foruma - pročitajte prije nego pitate

16-01-2008 06:53 PM

Morrison
Forumaš

Posts: 564
Group: Registered
Joined: Mar 2007
Status: Offline
Reputation: 10

Post: #10

RE: Efekat nad slikama

Kerber Wrote:

Evo ja sam vec napravio He he

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

a našao sam ga ovdje

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

E mnogo ti hvala ! He he

16-01-2008 09:07 PM

« Next Oldest | Next Newest »

View a Printable Version
Send this Thread to a Friend
Subscribe to this Thread | Add Thread to Favorites