Gradual Fader

domingo, dezembro 05, 2010

Efeito Javascript de opacidade. Este tutorial é uma tradução de um disponibilizado pelo site Dynamic Drive, então, se aprender com ele, credite ao site original e ao Coisinhas Mil pela tradução e edição no efeito.

Passe o mouse sobre a imagem e veja o efeito do Gradual Fader:


Para obter esse efeito em suas imagens, leia passo a passo:

1. Coloque este código depois da tag HEAD no seu template:

<script type="text/javascript" src=" http://static.tumblr.com/npymgc2/TU7laglwf/gradualfader.js"> /*********************************************** * Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts * This notice must stay intact for legal use ***********************************************/ </script>

2. E depois, coloque este código depois da tag </body>:

<script type="text/javascript"> gradualFader.init() //activate gradual fader </script>

3. E para o efeito aparecer nas fotos, use o seguinte código:


<img src="LINKDASUAIMAGEM" class=gradualfader"/>

You Might Also Like

12 comentários

  1. Oi Thaís,nossa seu blog é lindo,amei tudo...estou te seguindo.Quando quiser dá uma passadinha no meu blog e se vc gostar,me segue também!!!

    bjussss e ótima semana =D

    ResponderExcluir
  2. Supeer interessanteee tatah
    adoreiii
    Ei Vim te convidaar para o amigos secreto do blogg, por favor nao deixe de participaar vamos adooraaar.

    ResponderExcluir
  3. Claro Iasmim, funciona em todos os sistemas.

    ResponderExcluir
  4. NOSSA, SEMPRE FUI DOIDA POR ESSE EFEITO KK Muito lindo (:

    Bjonas (:

    ResponderExcluir
  5. Adorei o blog! Também vejo beleza nas coisas simples. Estou te seguindo, caso queira seguir-me, veja: http://asvozesdomar.blogspot.com/

    ResponderExcluir
  6. oie, joia? então, tó fazendo um post lá no FT e citei o nome do blog. Espero que não importe! haha.
    Beijos;*
    http://fearlessteens.blogspot.com
    http://sweetandstupid.blogspot.com

    ResponderExcluir
  7. Olá! te convido a Participar do sorteio que acontece no blog Princesona .. espero vc lá! :)

    http://princesona.blogspot.com

    bjokas*

    ResponderExcluir
  8. não consigo fazer funcionar
    dá tudo certo no HTML,
    mas não consigo postar a foto
    com esse código, o post aparece em código mesmo...

    mimimi ç.ç

    ResponderExcluir
  9. aaah, consegui agora *-*
    mas o "class=gradualfader" eu coloquei antes do link da imagem... xD

    ResponderExcluir
  10. Amei esse efeito! *_________________________________*
    Muito bom... Mas tem outro jeito de colocar esse efeito "fade" nas imagens??? Bjonas.

    ResponderExcluir

Popular Posts

SUBSCRIBE

Like us on Facebook

Flickr Images

Instagram

Subscribe