javascript - 由于某种原因，图像未在 IE 8 或 IE 9 中显示

Question

我的网站只显示一个主图像，其下方有一个图像 slider 。图像未出现在 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 中不显示的图像的屏幕截图:

在 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

Answer 1

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

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

编辑基于评论:

一种可行的方法是创建一个虚拟控制台(如果 native 不存在的话)，例如:

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

现在，如果有人执行 console.log(something)，它不会导致错误。