I did a workaround for now, because my client needed to have a release to show the site, but I didn't found the problem yet...so I still need HELP!!! I try a lot of possibilities to fix it, but with no result...so if anyone can help me has soon as possible, I will really appreciate that. Thank you very much in advance for your help.
The problem is with the carousel3d plugin on image click animation afterajax call. The ajax call return a new set of images html tags (like a change level function), but only in internet explorer, when click on a new image. The animation start and go back at it initial position. Here a link to my site to see the problem. --> http://www.afhrgolive.com/newVersion_AFHRGoLive/salon_virtuel_db_IE_Ajax-animation_bug.php (to see the bug, click on Navigation - Guide and click on the escalator icon...and after click on a image directly (not on the boxcaption, on the image), you'll see what happen) I used IE7, for my test. Here a link to my carousel3d plugin too ( http://www.afhrgolive.com/newVersion_AFHRGoLive/jquery/jquery.carousel3d.js ) 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>
