I have a IE bug in carousel3d plugin on image click animation after ajax call. The ajax call return a new set of images html tags, but only in internet explorer, when click on a new image. The animation start and go back at it initial position. here the link of my site --> http://www.afhrgolive.com/newVersion_AFHRGoLive/salon_virtuel_db.php (to see the bug, click on Navigation - Guide and click on the escalator icon...and after click on a image (not on the boxcaption, but click on the image directly, I'll fix that later), you'll see what happen) I used IE7, firefox and others browser is working correctly.
Here a link to my carousel3d plugin ( http://www.afhrgolive.com/newVersion_AFHRGoLive/jquery/jquery.carouse... ) and here are my call function to change level. <script type="text/javascript"> function changeLevel(floorLevelID) { //remove carousel (free element from memory) jQuery(function($) { $("#carousel").html($("#holder_images").html ()).carousel3d( {control: 'buttons', speed:1, fadeEffect:1, textBox:1, centerX: $('#carousel').offset().left + $('#carousel').width()/2.5, centerY: 425, remove: 1 } ); }); //$("#holder_images").empty(); //$("#carousel").empty(); $("#holder_images img").remove(); $("#carousel img").remove(); $("#text").empty(); $("#text_boxcaption_img").empty(); $("#carouselText").empty(); $("#carouselTextBoxCaptionImg").empty(); //Get the new html for holder_images tag. $.ajax({ url: "salon_virtuel_change_floor_level.php?floorID=" + floorLevelID + "&tag=holder_images", dataType: "html", cache: false, async: false, success: function(html){ $("#holder_images").append(html); } }); //Get the new html for carouselText tag. $.ajax({ url: "salon_virtuel_change_floor_level.php?floorID=" + floorLevelID + "&tag=carouselText", dataType: "html", cache: false, async: false, success: function(html){ $("#carouselText").append(html); } }); //Refresh the carousel jQuery(function($) { $("#carousel").html($("#holder_images").html ()).carousel3d( {control: 'buttons', speed:1, fadeEffect:1, textBox:1, centerX: $('#carousel').offset().left + $('#carousel').width()/2.5, centerY: 425 } ); }); //close menu after changing floor Level $("#sliding_box_nav_menu2").stop().animate({top:'610px'}, {queue:false,duration:300}); $("#container_nav_menu2").hide(); } </script> If anyone can help me has soon as possible, I will really appreciate that. Thank you very much in advance for your help.