Question

我正在使用名为ImageFlow的javascript脚本。它在FF / Chrome中运行良好，但非常缓慢而且很棘手。

在IE（9,8,7）中它只是拒绝加载。没有JS问题，我不能发布代码，因为有太多，我也没有编码任何网站，所以不知道是什么导致它出错。

演示站点为http://crofts.propertylogic.net，可以在http://crofts.propertylogic.net/coverflow/imageflow.js找到图像流的JS。效果意味着插入页面中间的白色框，与团队成员一样，您可以在chrome / ff上看到。如果有人能指出我的方向是正确的那么好。

Answer 1

我无法为您修复代码，但我可以告诉您为什么它在IE9中不起作用。在将div读入DOM之前，发现'myImageFlow'div的init事件正在发生。我相信这是因为ImageFlow插件模仿IE的DOMContentLoaded事件的方式。 ImageFlow插件使用自{May '08以来尚未更新的DOMContentLoaded plugin。我敢打赌你的库已经过时了，结果它破坏了ImageFlow，它看起来也已经过时了。

我诚实地建议您寻找更现代的插件。如果这没有帮助，请尝试使用DOMContentLoaded部分来查看是否可以找出IE9中没有延迟足够长的原因（使用调试器F12）。

Answer 2

如果您没有对任何网站进行编码，那么您很可能也没有在网站上安装imageflow。但安装已经涵盖，对吗？或许不是！

http://finnrudolph.de/ImageFlow/Installation

<div id="unique_name" class="imageflow"> 
    <img src="dir/image_1.jpg" longdesc="URL_1" width="w_1" height="h_1" alt="Text_1" />
</div>

必须在XHTML中设置图像宽度和高度参数（w_x和h_x）才能与Internet Explorer完全兼容。对于某事很抱歉这个额外的工作量 - 每个浏览器，但微软互联网资源管理器可以通过JavaScript获取正确的图像尺寸！

这意味着您必须将图像尺寸插入到服务器端的xhtml中，即我认为。目前正在进行吗？

Answer 3

检查IE8上的网站，似乎在动画位上工作得很好，只有图像看起来垂直拉伸。

Answer 4

你可以使用jQuery解决这个问题 - 所有这些都是正确的dom处理程序是问题。

$(document).ready() is the key

$(document).ready(function()
{
    var circular_3 = new ImageFlow();
    circular_3.init({ ImageFlowID: 'imageflow1',
        //circular: true,
        reflections: false,
        reflectionP: 0.4,
        slider: false,
        captions: false,
        opacity: true,
        xStep: 250,
        imageFocusM: 1.5,
        startID: 2
    });

Answer 5

我知道回答这个问题有点晚了。 InvisibleBacon是正确的，因为自2008年以来domReady代码没有被修改过，但是我检查了domReady代码，它适用于IE 5到11，Firefox，Chrome，Mobil Chrome，Safari和Mobile Safari。我没有用Opera检查代码。

在这种情况下，我会说问题是你使用的imageflow.js代码，我看到你不再使用了。

Javascript“imageflow”IE无法加载，在其他浏览器中速度较慢

5 个答案: