fundido de imagenes en java

nano278 · #1 (**permalink**) 29/06/2010, 18:24

Hola, estoy arreglando una web y tengo una serie de thumbs (pequeñas imagenes) y quiero lograr varios efectos simultaneos al pasar el mouse sobre ellas:

1. que al pasar el mouse sobre uno de los thumbnails me aparezca la imagen grande que corresponda a ese en otro sector de la misma pagina, y lo mismo con los demas thumbs

2. que al colocar el mouse sobre uno de los thumbs éste cambie su opacidad y se vea mas clarito

3. que al cambiar de imagenes grandes éstas se fusionen unas con otra (fade in fade out)

alguien que me ayude?
gracias

maycolalvarez · #2 (**permalink**) 29/06/2010, 18:55

primero: java y javascript son dos cosas completamente diferentes.

segundo: frameworks como jQuery te permiten integrar de forma rápida y multinavegador los efectos fadein y fadeout, además de los otros.

nano278 · #3 (**permalink**) 29/06/2010, 19:15

Entiendo, quise decir javascript, mi error.
Escuche acerca del jQuery y trate de usarlo, pero no pude lograr combinar todos los efectos, por eso pido ayuda, si alguien puede ser mas especifico sobre como iria el codigo.
Gracias.

maycolalvarez · #4 (**permalink**) 29/06/2010, 19:33

en la mayoría de las funciones de jQuery, el segundo parámetro es un callback en donde puedes definir otra función que se llame luego de que sea ejecutada la acción, ejemplo:

Código Javascript:

Ver original$("#capa").fadeOut('medium', function () {
        $("#capa").fadeOut('medium', function () {
            $("#capa").fadeOut('slow', function () {
                ...
            });
        });
    });

nano278 · #5 (**permalink**) 29/06/2010, 20:05

Esta bien, pero si es posible quisiera saber cual es el codigo que deberia colocar en el <head>, en los thumbs y en la imagenes grandes para lograr esos efectos, tal vez alguien ya lo hizo y puede ayudarme con eso.
Gracias.

maycolalvarez · #6 (**permalink**) 29/06/2010, 21:47

¿sabes como funcionan los selectores de jQuery?, investiga mas sobre ello, entre las grandes ventajas de jQuery es poder aplicar efectos a grandes grupos de etiquetas, por ejemplo para aplicar efectos a todas las imágenes de determinada clase se usa:

$("img.clase_efecto").fadeOut(...

podrás notar que se basa en la sintaxis de CSS.

repito, lee un tutorial de jQuery y lograrás comprender su uso.