Javascript「imageflow」IE無法加載，在其他瀏覽器中很慢

我正在使用一個名爲ImageFlow的JavaScript腳本。它在FF/Chrome中運行良好，但速度非常慢並且非常麻煩。Javascript「imageflow」IE無法加載，在其他瀏覽器中很慢

在IE（9,8,7）中它完全拒絕加載。沒有JS問題，我不能發佈代碼，因爲它太多了，我也沒有編碼任何網站，所以不知道是什麼導致它出錯。

演示網站是http://crofts.propertylogic.net，圖像流的JS可以在http://crofts.propertylogic.net/coverflow/imageflow.js找到。效果是爲了插入到頁面中間的白框中，與團隊成員一起，就像你在chrome/ff中看到的那樣。如果任何人都可以指出我的方向是正確的，

來源

2011-10-07 rickyduck

我無法修復你的代碼，但我可以告訴你爲什麼它不在IE9中工作。發現'myImageFlow'div的init事件發生在div被讀入DOM之前。我相信這是因爲ImageFlow插件模仿IE的DOMContentLoaded事件。 ImageFlow插件使用自08年5月以來尚未更新的DOMContentLoaded plugin。我敢打賭，你圖書館是過時的，因此它正在打破ImageFlow，它也看起來相當過時。

我會誠實地建議你尋找一個更現代的插件。如果這樣做沒有幫助，請嘗試使用DOMContentLoaded部分來查看是否可以找出IE9中爲什麼不會延遲足夠長的時間（使用調試器F12）。

來源

2011-10-14 20:12:53 InvisibleBacon

我認爲[jcarousel]（http://sorgalla.com/jcarousel/）可能是一個不錯的選擇，如果OP與新的插件路線。我幾乎做了幾乎相同的旋轉器。 – fncomp

斑斑斑斑的，會看着它。謝謝 – rickyduck

如果您沒有編寫任何網站代碼，則可能是您沒有在網站上安裝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>

的圖像的寬度和高度參數（w_x和H_X）必須在XHTML用於與Internet Explorer中的完全兼容性來設置。對不起，這額外的工作量 - 每個瀏覽器，但微軟互聯網資源管理器可以通過JavaScript獲取正確的圖像尺寸！

這意味着你將不得不將圖像尺寸插入到服務器端的xhtml，即我認爲。目前正在完成嗎？

來源

2011-10-10 12:13:21

感謝@octopi，但是這似乎不起作用:(再看一下自己。再次感謝 – rickyduck

是的，我正在研究它，因爲我們說話，我會更深入地瞭解 –

非常感謝 – rickyduck

檢查IE8上的網站，似乎與動畫位工作正常，只有我的圖片看起來垂直拉伸。

來源

2011-10-12 17:53:55

謝謝..它爲我工作了幾次，但隨後刷新頁面引發了這個問題。 – rickyduck

是的，我在導航到主頁時也面臨同樣的問題，圖像根本無法加載。該問題是特定於IE8，而不是Chrome或IE6 –

奇怪的是，IE6將工作。另外請注意，這個問題發生在IE9但不是IE10pp，感謝回覆我@DP – rickyduck

你可以使用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 
    });

來源

2011-12-15 05:55:56 Karmatom

我知道這個問題有點晚了。 InvisibleBacon是正確的，因爲domReady代碼自2008年以來沒有被修改，但是我檢查了domReady代碼，它適用於IE 5到11，Firefox，Chrome，Mobil Chrome，Safari和Mobile Safari。我沒有用Opera檢查代碼。

在這種情況下，我會說這個問題與你正在使用的imageflow.js代碼有關，我發現你不再使用它。

來源

2014-03-18 22:32:33

Javascript「imageflow」IE無法加載，在其他瀏覽器中很慢

回答

相關問題