Javascript“ imageflow” IE無法加載，在其他瀏覽器中運行緩慢

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中不起作用。 查找“ myImageFlow” div的初始化事件是在該div被讀入DOM之前發生的。 我相信這是因為ImageFlow插件模仿IE的DOMContentLoaded事件的方式。 ImageFlow插件使用DOMContentLoaded插件 ，該插件自08年5月以來未進行任何更新。 我敢打賭您，該庫已經過時，因此它破壞了ImageFlow，而ImageFlow也似乎已經過時了。

老實說，我建議您尋找一個更現代的插件。 如果那沒有幫助，請嘗試弄亂DOMContentLoaded部分，以查看是否可以弄清楚為什么它在IE9中沒有足夠長的延遲（使用調試器F12）。

Answer 2

如果您未對任何站點進行編碼，那么很可能您也未在該站點上安裝imageflow。 但是安裝已經涵蓋了，對嗎？ 或者可能不是！

http://finnrudolph.de/ImageFlow/安裝

<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>

為了與Internet Explorer完全兼容，必須在XHTML中設置圖像的寬度和高度參數（w_x和h_x）。 抱歉，您的工作量很大-除Microsoft的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代碼上，我發現您不再使用它。