Problema risolto ....anche se non capisco come mai su IE non carica gli script.
Di seguito i 3 script per le gallerie relizzate da me:
Codice PHP:
/*
GALLERY 1:
tutte le thumbnails inizializzate con una opacità "in_opacity"
mouseover : la thumbnail arriva ad una opacità di 1 (totale)
mouseout : la thumbnail arriva ad una opacità di "in_opacity"
id_parteComune : è una parte dell' id(comuse a tutti i DIV delle thumbnail): se id è 'img5' scrivere solo 'img'
ed in seguito verrà sommato il "5"
class : la classe dei DIV delle thumbnail
*/
function fade_gallery1(id_parteInComune, class, in_opacity){//
var count = 0;
var myFx = new Array();
var num = $$(class);
//alert(id_parteInComune+" - "+class);
$$(class).each(function(el){//imposto i Tween per quanti sono i "n_class""
myFx[count] = new Fx.Tween($(id_parteInComune+count), {duration:200, link:'cancel'}); //alert("");
$(id_parteInComune+count).set("opacity", in_opacity);
count++;
});//DIV.EACH
var i = 0;
$$(class).each(function(el){ var j = i;
//la "i" viene vista (scope) in "$('cont_img_'+i)", ma non in "myFx[i]"
$(id_parteInComune+i).addEvent("mouseover", function(){ //alert(i);
myFx[j].start("opacity", 1);
});//ADD.EVENT
$(id_parteInComune+i).addEvent("mouseout", function(){
myFx[j].start("opacity", in_opacity);
});//ADD.EVENT
i++; //j++;
});//DIV.EACH
}//FUNCTION FADE_GALLERY1 /////////////////////////////////////////////////////////////////////////////////////////////
/*
GALLERY 2:
mouseover: la thumbnail su cui si effettua il mouseover resta in totale opacità, mentre le altre arrivano ad
una opacità pari a "to_opacity"
mouseout : le altre thumbnail arrivano a totale opacità
*/
function fade_gallery2(id_parteInComune, class, to_opacity, speed){
var count = 0;
var myFx;// = new Array();
var num = $$(class);
var id = id_parteInComune;
$$(class).set("morph",{duration:speed, link:"cancel"});
// $$(class).set("morph", {duration:500});
var i = 0;
$$(class).each(function(el){ var j = i;
//la "i" viene vista (scope) in "$(id'+i)", ma non in .addEvent
$(id+i).addEvent("mouseover", function(){
var ii=0;
$(id+j).setStyle("border", "2px solid red");
while(ii < $$(class).length){
if(ii!=j){ $(id+ii).morph({"opacity":to_opacity}); }
ii++;
}
});//ADD.EVENT
$(id+i).addEvent("mouseout", function(){
$(id+j).setStyle("border", "2px solid white");
$$(class).morph({"opacity":1}); });//ADD.EVENT
i++;
});//DIV.EACH
}//FUNCTION FADE_GALLERY2 ////////////////////////////////////////////////////////////////////////////////////////////////
/*
GALLERY 3:
mouseover: la thumbnail su cui si effettua il mouseover resta in totale opacità, mentre le opacità delle altre
thumbnails assumono un'opacità che dipende dalla loro distanza dalla thumbnail su cui viene fatto il
mouseover (opacità minima max_opacity/num DIV(massima distanza), mentre la "massima" max_opacity)
mouseout : le altre thumbnail arrivano a totale opacità
*/
function fade_gallery3(id_parteInComune, class, max_opacity, speed){
var count = 0;
var myFx;// = new Array();
var num = $$(class);
var id = id_parteInComune;
$$(class).set("morph",{duration:speed, link:"cancel"});
// $$(class).set("morph", {duration:500});
var i = 0;
$$(class).each(function(el){ var j = i;
//la "i" viene vista (scope) in "$(id'+i)", ma non in .addEvent
$(id+i).addEvent("mouseover", function(){
var ii=0;
$(id+j).setStyle("border", "2px solid red");
while(ii < $$(class).length){
if(ii!=j){
var n = $$(class).length;
var dist = Math.abs(ii-j);
opacity = max_opacity/dist;
//alert(dist+" - "+opacity);
$(id+ii).morph({"opacity":opacity});
}
ii++;
}
});//ADD.EVENT
$(id+i).addEvent("mouseout", function(){
$(id+j).setStyle("border", "2px solid white");
$$(class).morph({"opacity":1}); });//ADD.EVENT
i++;
});//DIV.EACH
}
Rispondi quotando
