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");

                });
        });

}

Reply via email to