[jQuery] Issue loading content with jquery in IE
Hi !
I realy have not found why this issue is happening with my jquery
app.
After reading the tutorial at http://www.detacheddesigns.com/blog/blogSpecific.aspx?BlogId=62
, I tried to use it with my own needs, but im having a very annoying
issue with Internet Explorer (6,7), yes this issue is not happening
with Firefox.
I have a photo gallery that loads the files from a XML file,
dinamicaly jquery also creates the Divs and populate the pictures
inside them, if I click in the thumbs than the full jpeg loads in the
main frame, with FF everything is ok, with IE seens like some kind of
cache, if I click in a thumb it opens, if I click in other thumb it
open too, but if I click again in the first thumb I just get nothing.
Please, I realy need some help with this.
Thanks
PS: the code is bellow
$(document).ready(function() {
// Animacao do menu
$('#menu').fadeIn("slow", function(){
$('#menu').animate({
top: "-20px"
}, 1500, function(){
$('#menu a').css({
color: "white"
});
});
});
$.get("xml/rio40.php",{}, function(xml){
$('foto', xml).each(function(){
idE = $(this).attr("id");
file = $(this).find("file").text();
thumb = $(this).find("thumb").text();
imgg = '<img src="lookbook/'+file+'" />';
imgt = '<img src="lookbook/'+thumb+'" />';
thumbDiv = '<div class="thumbdiv" id="'+idE+'"><a href="'+file+'"
name="'+file+'">'+imgt+'</a></div>';
$('#preslider').append(thumbDiv);
});
$(".thumbdiv").click(function(){
var imageSource = $(this).children("a").attr("name");
//alert(imageSource);
showImage(imageSource);
return false;
});
});
});
function showImage(src){
$("#frame img").fadeOut("slow").remove();
//$("#frame img").fadeOut("slow").appendTo("#foo");
var vimg = "/lookbook/"+src;
var largeImage = new Image();
$(largeImage).attr("src", vimg).load(function(){
$(largeImage).hide(1,function(){
$("#frame").append(this);
$(largeImage).fadeIn("slow");
});
});
}