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