Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Efekat nad slikama
Author Message
Kerber Offline
_
*

Posts: 359
Joined: Dec 2006
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.

FGD!

Pravila foruma - pročitajte prije nego pitate
12-01-2008 04:06 PM
Visit this user's website Find all posts by this user Quote this message in a reply
Morrissey Offline
Forumaš
***

Posts: 691
Joined: Mar 2007
Reputation: 13
Post: #2
RE: Efekat nad slikama
mislim da je to flash,nisam siguran.
12-01-2008 05:23 PM
Find all posts by this user Quote this message in a reply
tutorial Offline
Redoviti posjetitelj
**

Posts: 181
Joined: Jan 2007
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.
12-01-2008 05:56 PM
Find all posts by this user Quote this message in a reply
hamferus Offline
Forumaš
***

Posts: 350
Joined: Jun 2006
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
Visit this user's website Find all posts by this user Quote this message in a reply
struja13 Offline
Redoviti posjetitelj
**

Posts: 184
Joined: Oct 2007
Reputation: 0
Post: #5
RE: Efekat nad slikama
Gotovo pa siguran da je java script...
12-01-2008 07:55 PM
Find all posts by this user Quote this message in a reply
Puž Offline
Redoviti posjetitelj
**

Posts: 132
Joined: Mar 2007
Reputation: 25
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
Find all posts by this user Quote this message in a reply
Morrissey Offline
Forumaš
***

Posts: 691
Joined: Mar 2007
Reputation: 13
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
Find all posts by this user Quote this message in a reply
Kerber Offline
_
*

Posts: 359
Joined: Dec 2006
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

FGD!

Pravila foruma - pročitajte prije nego pitate
16-01-2008 06:40 PM
Visit this user's website Find all posts by this user Quote this message in a reply
Kerber Offline
_
*

Posts: 359
Joined: Dec 2006
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

FGD!

Pravila foruma - pročitajte prije nego pitate
16-01-2008 06:53 PM
Visit this user's website Find all posts by this user Quote this message in a reply
Morrissey Offline
Forumaš
***

Posts: 691
Joined: Mar 2007
Reputation: 13
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
Find all posts by this user Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)