Agrandar imágenes al pasar el Mouse

[Gabriel_azul]

Hola.
Tengo un problema con la manera de agrandar imágenes al pasar el mouse, quiero que se logre el efecto de que crece lentamente, pero con el cambio de imagen que uso, se ve el cambio de la imagen de golpe.

Quiero saber como hacen esto:
http://casiopeastudio.com/servicios.php

Saludos Gracias por cualquier ayuida.

[gysato]

hay de dos sopas para mi, o usas:

Código HTML:

<img id='imagen' src='imagen.jpg'  onmouseover='zoom()'/> 

Código:

function zoom(){
document.getElementById('imagen').style.height='80px';
}

o por jquery

Código HTML:

<img id='imagen' src='imagen.jpg'> 

Código:

$("#imagen").mouseover(function(){
$(this).css('height','80px');
});

Salu2

[dukeblass]

si ya as logrado que la imagen se agrande de golpe.....
entonces te queda el efecto...

solo en el momento que le dices que pase de 20px a 100px el alto es ese momento llamas a un bucle que valla contando 20+1 ......... 20+60, el resultado dar un crecimiento de uno en uno desde 20 a 100 y paras el bucle cuando a 100

[Gabriel_azul]

Hola gracias por la ayuda, pero a lo que veo esos códigos me hacen lo mismo (Crecer la imagen de Golpe).

¿otra idea?

[gysato]

Iniciado por Gabriel_azul

Hola gracias por la ayuda, pero a lo que veo esos códigos me hacen lo mismo (Crecer la imagen de Golpe).

¿otra idea?

Visita esta pagina ahi esta tu solución:

http://www.sohtanaka.com/web-design/...fect-w-jquery/

Salu2

[Gabriel_azul]

Gracias por la ayuda, checo la pagian y trato de hacer el bucle.

Cualquier cosa lo informo.

[McPinkY18]

usa la funcion animate de jquery, es facil hacer eso

$(elemento).mouseover(function () {
$(this).css('height': '80px');
});

asi no lo hara de golpe,

[Gabriel_azul]

Gracias lo solucione con La función Animate =)

[joancarles22]

Hola,

He ido al enlace que ha puesto gysato: http://www.sohtanaka.com/web-design/...fect-w-jquery/


he copiado el código para agrandar la imágenes y me he descargado el archivo .js y dentro del archivo hay entre otras esto:
"/*!
* jQuery JavaScript Library v1.7.1
* http://jquery.com/
*
* Copyright 2011, John Resig
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* Includes Sizzle.js
* http://sizzlejs.com/
* Copyright 2011, The Dojo Foundation
* Released under the MIT, BSD, and GPL Licenses."

Eso significa que puedo ponerlo en mi web? Hay algunas condiciones para ponerlo?
Yo he pensado dejar tal cual el archivo como está y dejar esto que pone del copyright pero creo que no hace falta repetirlo en el código fuente de mi web.
Decidme si debo de ponerlo tambien en mi código fuente.

Gracias