Question

在我的Web应用程序中JCarousel实时加载图像。看一看在代码中（我手工输入，我的真实世界应用程序更复杂，但我希望你能得到主要想法）：

<script type="text/javascript">
    /* 
     * Get carousel
     *
     *@param int, start slide index 
     *@param json, images data in jason format
     *
     *@return nothing
    */  
    function showSlider(startSlide,photosJason){

        photosJason = eval(photosJason);

        html = '<ul id="mycarousel">';      

        for(i=0; i < photosJason.length; i++){

            html +=  '<li>' + 

            '<div class="image-title">' + 
                     photosJason[i].name +                        
                    '<div class="image-title-author">'+ photosJason[i].author +'</div>' + 
                '</div>' +
                '<div class="slider-image">' + 
                    '<img src="'+photosJason[i].photo+'" alt="" />' +  
                '</div>' +
              '</li>';      
        }

        html += '</ul>';                      

        $("#carousel-container").html(html); //also used append method instead of html

        $('#mycarousel').jcarousel({
            start: startIndex,
            visible: 1,
            scroll: 1,
            itemFallbackDimension: 800 //this is for IE7, to define the width
        });
    }
</script>

// skipped some php code to get photos data from database and convert it to jason format

<img src="some_img.jpg" alt="Show slider" onclick="showSlider(1,photosJason);" />

<div id="carousel-container"></div>

除IE7外，它在所有主流浏览器中都能很好地运行。好像是JCarousel 无法找到动态加载到容器中的图像。所以我根本没有得到只是一个空白的屏幕。没有错误，只是没有。

那么我想要做什么？我必须预先加载图像吗？我一直我整天都在敲头，但仍然不知道如何让它在IE7中工作（IE8工作正常）。

我将非常感谢您的帮助。

Answer 1

我认为IE7不能eval你的字符串。

试试这个：

photosJason = $.parseJSON(photosJason);

你的JSON是怎样的？

JQuery JCarousel滑块不会出现在IE7中

1 个答案: