TUTORIAIS DE DHTML
 
Um pequeno efeito de lupa sobre uma imagem.

Uma imagem que cresce com a passagem do rato.

 
Demo : Sobrevoa a imagem com o rato.
Fagundes
1. Inserir entre os tags <HEAD>...</HEAD>:
 
 
 
 

É necessário adaptar segundo a dimensão da imagem:

  • if (smallslot.width<=xx) onde xx é a largura da vossa imagem com a ampliação. Nesta página a imagem tem 141px de largura e quero dar uma amplitude de 100px, então fica:(smallslot.width<=241).
  • if (smallslot.width>xx) onde xx é a largura da imagem útilizada.
 
1. Inserir entre os tags <BODY>...</BODY>:
 
 
É necessário adaptar:

<div id="slot1" style="width:xx;height:yy" ... onde xx é a largura e yy a altua da imagem.
<IMG id="smallslot" src="imagem.gif" width=xx heght=yy ... onde imagem.gif é o nome e o endereço da vossa imagem com xx para sua largura e yy para sua altura.
style="position:absolute; top:XX; left:YY; ...onde XX e YY são as coordenadas (em posição absoluto) da imagem na vossa página.



ANÚNCIOS

 



 
 
 
  Tutoriais | Fóruns de Discussão | Notícias | Jogos | Dicas | Flash | Downloads | Livros
Gifs Animados | Loja Online | Publicitar no Truques e Dicas | Contactos