Como você deve ter percebido, este é um amplificador de imagem. É uma versão completamente reescrita da minha tjpzoom script, mas ainda está em JavaScript / DOM:). Se você mover o mouse sobre a imagem, você pode ver uma janela de zoom pouco com uma versão ampliada de uma parte da imagem nele. Mas há mais: Se você clicar e arraste para cima o mouse, o zoom aumenta, se você clicar e arrastar o mouse para baixo, a taxa de zoom diminui, NOVO! se você clicar e arrastar para o rato do seu DIREITO, os aumentos janela de zoom, NOVO! e se você clicar e arrastar do mouse sua esquerda, a janela de zoom diminui. E uma vez que esta é uma nova versão, há algumas novas funcionalidades: Tem sombra transparente! Wow! (Funciona em IE6 também!) Mais rápido! (um pouco) Funciona no IE7 (e em todos os principais navegadores) Código muito mais limpo para você inserir Você pode alterar a posição relativa de sua caixa de zoom Infelizmente, tivemos que dizer adeus a funcionalidade hotspot, mas se há uma demanda ... valid@tjp.hu Tanto quanto eu sei, o script é compatível com os principais navegadores: Internet Explorer 6, 7 Firefox 24 Opera (eu tenho 8,54, espero que funcione em versões mais recentes também) Safari 2 Konqueror 3.5.6 Se notar qualquer falha em qualquer um dos navegadores listados acima ou ter um navegador diferente, envie um e-mail com os detalhes:) valid@tjp.hu Eu quero isso na minha página inicial! É um pedaço de bolo. Levará cerca de 5 minutos para ter isso em sua página: Você também pode encontrar a ferramenta TJPzoom útil se você tiver uma resolução baixa e uma versão em alta resolução da mesma imagem e é só o lowres um que se encaixa na sua página, mas você quer mostrar os pequenos detalhes da uma highres. Na verdade, esse é o meu caso também, eu tenho essa http://valid.tjp.hu/zoom/collage.jpg, thats 580x580px, mas eu tenho um maior http://valid.tjp.hu/ zoom/collage_2.jpg (com as mesmas proporções). Vai ficar assim: valid.tjp.hu - TJPzoom 3 - JavaScript / CSS / DOM image magnifier

JavaScript / CSS / DOM image zoomer - TJPzoom 3

valid.tjp.hu - TJPzoom 3 - JavaScript / CSS / DOM image magnifier <script type="text/javascript" src="http://valid.tjp.hu/tjpzoom/tjpzoom.js"></script> <script type="text/javascript"><!-- var TJPzoomoffset='smart'; //--></script> <h1> JavaScript / CSS / DOM image zoomer - <span style="color:#ff0000">TJPzoom 3</span></h1> <div style="margin:20px"> <img src="COLOQUE AQUI O ENDEREÇO DA IMAGEM "width="500" height="500" onmouseover="TJPzoom(this,'COLOQUE AQUI O ENDEREÇO DA IMAGEM')" alt="" /> </div>