2011-10-27 26 views
1

我正在使用jquery插件軌道,它在FF中正常工作。在鉻和safari它miscalculates div大小爲1px高和寬,並將其應用於包裝div ..所以沒有照片顯示。使用Orbit Jquery Plugin的Div大小錯誤計算

是否有一些特定的渲染引擎,使其在一個瀏覽器中正確計算而不是另一個?我在我的樣式表中設置了包裝div的樣式,但Orbit應用了覆蓋的內聯樣式。

任何建議,將不勝感激。在所有瀏覽器中,我都在這裏正確運行http://jsfiddle.net/j9zLe/,但我使用的頁面上有很多其他代碼。我認爲它必須是鏈條上的一些風格......但不知道要尋找什麼。

感謝利茲

回答

1

在上線52 jquery.orbit-1.2.3.js文件是以下行:

orbit.add(orbitWidth).width('1px').height('1px'); 

我不知道這條線的點但是如果您將寬度和高度值更改爲幻燈片的值或註釋掉該行,我相當確定它會解決您的問題。

在您的jsfiddle中,您需要爲Orbit的JavaScript和CSS文件添加資源以使其正確呈現。

+0

所以我試過,然後它在safari中工作,但在firefox坦克。循環停止運作。抱歉小提琴現在工作,我把它掛在了一臺你需要登錄並忘記的服務器上。 – liz

+0

我評論了這條線,它現在在兩個Safari瀏覽器都能正常工作,並且在FF中它超級超級慢... safari的速度大約是其4倍。 – liz

+0

當您離開該行並將值更改爲幻燈片的實際尺寸時發生了什麼(這是爲我修復的問題,但我不使用計時器,因爲它在緩慢的CPU上幻燈片顯示的時間太慢)? – Jasper