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.

Reply via email to