Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Reduzir imagem proporcionalmente com jQuery

30-08-2009 16:59

Aqui está uma base para reduzir uma imagem proporcionalmente usando jQuery.

Veja essa passo a passo rápido.

Inclua em seu head a biblioteca jQuery e a jScale

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://www.javascriptkit.com/script/script2/jscale/jquery.jScale.js"></script>

Usamos esse script para adicionar a scala de 50% reduzida sobre a imagem

<script> jQuery(document).ready(function($){ $('#imagem').jScale({w:'50%'}) }) </script>

E o código da imagem

<img src="fototal.jpg" id="imagem">

Fonte: http://www.javascriptkit.com/script/scr ... ndex.shtml
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado