出于某种原因,图像未显示在IE 8或IE 9中

时间:2015-02-18 17:51:07

标签: javascript jquery html css internet-explorer

我的网站只显示一张主图片,下方有一个图片滑块。图像不会出现在IE 8或IE9中,但会在IE10中显示。

图库的HTML只是:

<div class="fotorama"
     data-nav="thumbs"  
     data-width="100%"
     data-ratio="800/600"
     data-minwidth="350"
     data-maxwidth="700"
     data-minheight="300"
     data-maxheight="100%"
     margin-top= -5%;>
<img src="http://www.pampangahouses.com/wp-content/uploads/2012/08/leighton-front-view.jpg">
<img src="http://www.pampangahouses.com/wp-content/uploads/2012/08/leighton-front-view.jpg">
<img src="http://www.pampangahouses.com/wp-content/uploads/2012/08/leighton-front-view.jpg">
<img src="http://www.pampangahouses.com/wp-content/uploads/2012/08/leighton-front-view.jpg">
<img src="http://www.pampangahouses.com/wp-content/uploads/2012/08/leighton-front-view.jpg">

</div>

以下是未在IE8 / IE9中显示的图片的屏幕截图:

ie8/ie9

,这是在IE10中:

IE10

“fotorama”的CSS在这里:

http://testsite24.netai.net/public/css/fotorama.css

和js代码在这里:

http://testsite24.netai.net/public/js/fotorama.js

如果IE8 / 9在这里不支持必要的功能,你能为这些版本推荐一个后备解决方案吗?非常感谢!

完整演示网站:http://testsite24.netai.net/public/demo6.html

2 个答案:

答案 0 :(得分:2)

您的显示器由fotorama.js脚本提供支持,该脚本在IE8和IE9中有错误,因此无法正常工作。

此脚本使用Javascript控制台(至少在第1296行一次)。在IE8和IE9中,仅当开发人员工具处于活动状态时才会创建Javascript控制台。

根据评论

编辑

可能有效的一种方法是创建一个虚拟控制台,如果本机不存在,例如:

<script>
if (!window.console) {
    window.console = {
        log: function() {}
    };
}
</script>

现在,如果有人做了console.log(某事),它就不会导致错误。

答案 1 :(得分:1)

在IE8模式下使用IE11的开发工具,我在popunder.js中收到错误,该错误由&#34; Hosting24 Analytics Code&#34;

添加到文档中
<!-- Hosting24 Analytics Code -->
<script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
<!-- End Of Analytics Code -->

但无论如何页面呈现正确。我无法轻松访问实际的IE8或9.您是否可以删除该脚本?或者它是由托管公司自动强制进入的?该问题可能是免费托管造成的100%。您是否可以访问可以测试它的其他服务器?无论如何,你发布的HTML没有任何问题*,看起来Fotorama试图支持jQuery 1.x支持的所有浏览器,所以Fotorama似乎不太可能是问题所在。 ,虽然这将是我看的下一个地方。

*编辑:除了&#34; margin-top&#34;如上面评论中提到的ajp15243。确定IE8&amp; 9问题消失了。