我的网站只是显示一个主图像,其下方有一个图像滑块。图像未出现在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

最佳答案

您的显示器由fotorama.js脚本驱动,该脚本在IE8和IE9中存在错误,因此无法正常工作。

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

根据评论进行编辑:

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

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


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

09-18 12:21