Efeito Glossy em imagem com javascript
Este script eu encontrei no site NETZGESTA, ele permite que você adicione cantos e sombreamento para imagens em suas páginas.
Ele funciona em todos os principais navegadores (Mozilla Firefox, Internet Explorer, Safari e Opera).
Demonstração:
Imagem sem o Script:
*
Imagem com o script:
*
Vamos começar a instalar.
Faça o download do arquivo Glossy.zip clicando AQUI.
Faça o upload dos arquivos Glossy.js e do arquivo cvi_glossy_lib.js no seu servidor de preferência. Eu recomendo o SkyDrive (Qualquer dúvida sobre como usar os scripts hospedados no SkyDrive, veja ESSE TUTORIAL do Dicas Blogger).
Depois, vá em Layout > Editar HTML , procure por </head> e cole esse código antes dela (Substituia os endereços em negrito pelo endereço dos arquivos que você hospedou a pouco):
<script type="text/javascript" src="http://SEUSERVIDOR.com/glossy.js"></script>
<script type="text/javascript" src="http://SEUSERVIDOR.com/cvi_glossy_lib.js"></script>
<script type="text/javascript" src="http://SEUSERVIDOR.com/cvi_glossy_lib.js"></script>
Clique em Salvar Modelo.
Para que suas imagens fiquem com o estilo Glossy, adicione o código class='glossy iradius50' no código da sua imagem. Exemplo:
Sem o efeito: <img src='http://imagem.jpg'/>
Com o efeito: < img src='http://imagem.jpg' class='glossy iradius50'/>.
*Créditos das imagens e do script: NETZGESTA por Christian Effenberger
Comentários
Postar um comentário
Sinta-se livre para comentar. Mas lembre-se: os comentários devem estar relacionados ao assunto do post e tudo o que você escrever fica por sua conta e responsabilidade.