Hola de nuevo... pues.. :)
con respecto a la transicion.. claro que puedes crearla...
jQuery tiene una rutina fx.. con la que puedes crear distintos tipos de transiciones...
la rutina se llama
animate y la sintaxis de uso es sumamente sencilla...
por ejemplo.. suponte que tienes un objeto imagen
a ese elemento y cualquier otro puedes darle un efecto.. referenciando su id a un objeto jQuery
Código Javascript
:
Ver original$("#MyImage").animate({"opacity":1}, 2000);
por ende si la imagen ya esta visible.. el efecto no se verá.. por lo que antes.. tienes que eventuar que el objeto tenga una opacidad de 0
esto lo puedes lograr referenciando el objeto 2 veces o haciendo un encadenamiento, que es mejor..
REFERENCIANDO 2 VECES EL MISMO OBJETO (ES CORRECTO, PERO NO ES PERFORMACE DE CODIGO)
Código Javascript
:
Ver original$("MyImage").css("opacity", 0);
$("MyImage").animate({"opacity":1} 2000);
ENCADENAMIENTO CON UNA SOLA REFERENCIA DE OBJETO
Código Javascript
:
Ver original$("MyImage").css("opacity", 0).animate({"opacity":1} 2000);
de esta forma logras tu transición...
esto es solo un ejemplo... existen diversas maneras de aplicar un efecto.. segun el momento en que lo necesites....
con respecto a lo de tu variable global.. pues...
1.- habria que ver de que manera lo haces...
2.- los elementos dentro de esa variable deben contener los mismos atributos a cambiar.(por tratarse de una variable global... por ende cambian todos los elementos al cambiar 1 elemento)
SALUDOS y ÉXITO