Kod
// nadawanie "hover-a" miniaturce na starcie skryptu
$("img#img"+imgnumber).css("border", "2px outset red");
var LastBorderedImage = new LastBorderImg(false, false);
LastBorderedImage.id = $("img"+imgnumber);
LastBorderedImage.imgid = "img"+imgnumber;
// ZDARZENIE: przełączenie zdjęcia
$("a[class=galeriachange]").click(function(event){
$(this).children().css("border", "2px outset red");
if(LastBorderedImage.imgid != $(this).children().attr("id") && LastBorderedImage.id !== false) // bug
{
$(LastBorderedImage.id).css("border", "2px outset gray");
}
LastBorderedImage.imgid = $(this).children().attr("id");
LastBorderedImage.id = $(this).children();
$("#galeria_load").show();
$("#galeria_image").hide();
$("#galeria_image").text("");
$("#galeria_image").append("<img src='"+Images[id].src+"' class='galeria' />"); // tu użyto preloadera
$("img[class=galeria]").load(function(){
ResizeImage(this);
});
});
// Obiekt:
function LastBorderImg(id, imgid)
{
this.id = id;
this.imgid = imgid;
}
$("img#img"+imgnumber).css("border", "2px outset red");
var LastBorderedImage = new LastBorderImg(false, false);
LastBorderedImage.id = $("img"+imgnumber);
LastBorderedImage.imgid = "img"+imgnumber;
// ZDARZENIE: przełączenie zdjęcia
$("a[class=galeriachange]").click(function(event){
$(this).children().css("border", "2px outset red");
if(LastBorderedImage.imgid != $(this).children().attr("id") && LastBorderedImage.id !== false) // bug
{
$(LastBorderedImage.id).css("border", "2px outset gray");
}
LastBorderedImage.imgid = $(this).children().attr("id");
LastBorderedImage.id = $(this).children();
$("#galeria_load").show();
$("#galeria_image").hide();
$("#galeria_image").text("");
$("#galeria_image").append("<img src='"+Images[id].src+"' class='galeria' />"); // tu użyto preloadera
$("img[class=galeria]").load(function(){
ResizeImage(this);
});
});
// Obiekt:
function LastBorderImg(id, imgid)
{
this.id = id;
this.imgid = imgid;
}
Skrypt niby działa dobrze (teoretycznie), lecz w ifie:
Kod
if(LastBorderedImage.imgid != $(this).children().attr("id") && LastBorderedImage.id !== false) // bug
{
$(LastBorderedImage.id).css("border", "2px outset gray");
}
{
$(LastBorderedImage.id).css("border", "2px outset gray");
}
Warunek się wykonuje, ale nie zmienia tego CSS'a. Wiem bo dałem w tym ifie alerta i on się pojawiał, jednak nie zmienia CSS dla tego elementu. Problem pewnie leży właśnie z tym ID elementu.