Question

我在IE7中遇到Supersized问题。我一直在搜索所有页面（数组之后没有逗号，正确调用脚本等），这是我的最后一招，希望有人可以帮助我。

所以我使用的是Supersized插件3.0版。

它在IE7中的所有浏览器execp（以及IE6中也可以正常工作，但严重的是，至少有7个我会这样做。）

图像将在页面中加载，然后“擦除”网站的所有内容（就像我在这里看到的许多其他情况一样），如果我禁用Javascript或调整大小，将再次显示浏览器窗口。

我用于调用图像的代码如下

if ($option == "com_flexicontent" && $view == "category" && $cid == "1") {?>    
<script type="text/javascript">  
            jQuery(function(){
                jQuery.fn.supersized.options = {  
                    startwidth: 1024,  
                    startheight: 748,
                    transition: 0,
                    vertical_center: 1,
                    slides : [{image : './images/stories/bg/bg_1.jpg' }]
                };
                jQuery('#supersized').supersized(); 
            });
    </script>
<?php }

看起来因此每个页面只使用一个超大图像，因此在index.php中设置条件以排列每个图像中应显示的图像（是的，其中的代码位被复制多次在index.php文件中）

我正在使用Joomla的插件，如果它有帮助.. 这里也是该网站的地址：http://www.centrointegrador.com.ar/

欢迎每一条建议:) 提前谢谢！

Answer 1

当你在js文件中调用supersized时......（例如：）

$.supersized({
    slides  :   [
        {
            image : 'img/bg/4.jpg',
            title : ''
        },
        {
            image : 'img/bg/5.jpg',
            title : ''
        },
        {
            image : 'img/bg/6.jpg',
            title : ''
        },
    ],
    keyboard_nav:0,
    random:1
});

请注意“slides”数组中的尾随逗号。这将使它在IE8或更早版本中失败。 IE9不会在尾随逗号上失败。

这适用于IE8和7（对我来说）：

    $.supersized({
    slides  :   [
        {
            image : 'img/bg/4.jpg',
            title : ''
        },
        {
            image : 'img/bg/5.jpg',
            title : ''
        },
        {
            image : 'img/bg/6.jpg',
            title : ''
        }
    ],
    keyboard_nav:0,
    random:1
});

我不知道这是不是你的问题，但这似乎是一个常见的错误，我认为值得一提。

你可以做的另一件事（如果这不是你的问题）是检查IE中的开发者工具内的控制台（F12）。

Answer 2

我是Supersized的创建者，我建议将您正在使用的版本更新为3.2（available here），并考虑在该下载中使用Core版本。核心版本仅适用于1个图像背景。

这个版本的Supersized处理IE要好得多，虽然我已经放弃了IE6的支持，因为额外的头痛和低百分比的用户 - 不要感觉不好，谷歌和Wordpress是其他一些做同样的事情。

超级3.0将无法在IE7中运行

2 个答案: