Gradual Fader
domingo, dezembro 05, 2010Efeito 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"/>
12 comentários
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!!!
ResponderExcluirbjussss e ótima semana =D
Tem como colocar isso no WP?
ResponderExcluirSupeer interessanteee tatah
ResponderExcluiradoreiii
Ei Vim te convidaar para o amigos secreto do blogg, por favor nao deixe de participaar vamos adooraaar.
Claro Iasmim, funciona em todos os sistemas.
ResponderExcluirNOSSA, SEMPRE FUI DOIDA POR ESSE EFEITO KK Muito lindo (:
ResponderExcluirBjonas (:
Adorei o blog! Também vejo beleza nas coisas simples. Estou te seguindo, caso queira seguir-me, veja: http://asvozesdomar.blogspot.com/
ResponderExcluiroie, joia? então, tó fazendo um post lá no FT e citei o nome do blog. Espero que não importe! haha.
ResponderExcluirBeijos;*
http://fearlessteens.blogspot.com
http://sweetandstupid.blogspot.com
Olá! te convido a Participar do sorteio que acontece no blog Princesona .. espero vc lá! :)
ResponderExcluirhttp://princesona.blogspot.com
bjokas*
não consigo fazer funcionar
ResponderExcluirdá tudo certo no HTML,
mas não consigo postar a foto
com esse código, o post aparece em código mesmo...
mimimi ç.ç
aaah, consegui agora *-*
ResponderExcluirmas o "class=gradualfader" eu coloquei antes do link da imagem... xD
OMG amei!
ResponderExcluirAmei esse efeito! *_________________________________*
ResponderExcluirMuito bom... Mas tem outro jeito de colocar esse efeito "fade" nas imagens??? Bjonas.