0

请注意:我已尝试从新用户通常遇到的问题的最后一个图像文件路径修复程序中删除逗号。它没有解决我的问题。

我使用 Supersize jQuery 插件的网站无法在 IE7 和 IE8 中加载图像。它在所有浏览器的其他任何地方都可以正常工作。我注意到使用 IE 调试工具栏强制 IE8 的 quirks 模式使它加载图像,就像它应该的那样。我在 IE7/IE8 中得到的是灰屏和图像加载器动画,并且没有我可以使用 Firebug 或 IE 调试工具栏检测到的错误消息。我在 Wordpress 网站中使用它,但不是 Wordpress 插件,而是使用 jQuery 插件。我的超大号代码在这里:

<script type="text/javascript">

        jQuery(function($){

            $.supersized({

                // Functionality
                slide_interval          :   4000,       // Length between transitions
                transition              :   1,          // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                transition_speed        :   700,        // Speed of transition

                // Components                           
                slide_links             :   'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
                slides                  :   [           // Slideshow Images
                                                    {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/Donnie-S_Home_Duo_NAME.jpg'},
                                                    {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/Tom-M_Home_Duo_NAME.jpg'},                                                      
                                                    {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/Jason-S_Home_Duo_NAME.jpg'},
                                                    {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/James-G_Home_Duo_NAME.jpg'},                                                        
                                                    {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/RDJoseph_Home_Duo_NAME-3.jpg'},
                                                    {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/Paul-D_Home_Duo_NAME.jpg'},
                                                    {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/Steven-H_Home_Duo_NAME.jpg'},
                                                    {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/JMTHomas_Home_Duo_NAME.jpg'}                                                    
                                            ]                                           

            });
            if(window.innerWidth <= 765){
                all_slides = [ all_slides.shift() ];
            }else{
                //only need controllers for multiple slides
                $("#slider article:first-child").addClass('active');
            }

        });

    </script>

有没有人看到我的任何新手错误可能会阻止它在 IE7 和 IE8 中运行,或者有故障排除建议甚至解决方法?我一直在验证 html5/css 删除错误,但到目前为止还没有明显的效果。任何帮助将不胜感激。

-C-

4

2 回答 2

0

IE7 & IE8 不支持window.innerWidth,使用 jQuery$(window).innerWidth()

于 2013-08-20T17:56:51.560 回答
0

超大的演示在 IE 中完美运行 - http://buildinternet.com/project/supersized/3/default.html

如果您阅读更多关于超大 jquery 插件的内容 - http://buildinternet.com/2010/11/supersized-3-0-full-screen-background-slideshow-jquery-plugin/

还要确保您拥有最新的 jquery 插件...

其他人遇到了同样的问题,在结束标签后缺少逗号:

<script type=&#34;text/javascript&#34;>  
    $&#40;function&#40;&#41;{
        $.fn.supersized.options = {  
            startwidth&#58; 640,  
            startheight&#58; 480,
            vertical_center&#58; 1,
            slideshow&#58; 1,
            navigation&#58; 0,
            thumbnail_navigation&#58; 0,
            transition&#58; 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
            pause_hover&#58; 0,
            slide_counter&#58; 0,
            slide_captions&#58; 0,
            slide_interval&#58; 15000,
            slides &#58; &#91;
                {image &#58; &#39;slides/background_3.jpg&#39;, title &#58; &#39;City Clock Tower&#39;},
                {image &#58; &#39;slides/background_1.jpg&#39;, title &#58; &#39;City Clock Tower&#39;},
                {image &#58; &#39;slides/background_2.jpg&#39;, title &#58; &#39;City Clock Tower&#39;},
                {image &#58; &#39;slides/background_4.jpg&#39;, title &#58; &#39;City Clock Tower&#39;}
            &#93;
        };
        $&#40;&#39;#supersized&#39;&#41;.supersized&#40;&#41;; 
    }&#41;;
</script>
于 2013-08-20T17:59:16.027 回答