Carousel（Twitter Bootstrap）+ retina.js無法正常工作

Question

我最近發佈了我的主頁，其中使用了輪播+ Twitter Bootstrap + retina.js。

http://www.stelab.nagoya-u.ac.jp/~okumura/index.html

當我進入我的舊的MacBook Pro（非視網膜）這個頁面，它顯示爲預期的傳送帶。自動顯示三張圖像，並有一個很好的過渡。但是，當我用我的視網膜MacBook Pro（Safari 6.0.3 + OS X 10.8.3）打開同一頁面時，不顯示一個或兩個圖像。

Retina.js似乎可以正常使用我的視網膜MacBook Pro，因爲以下頁面中的圖像會自動更改爲我的圖片的高分辨率版本。因此，我認爲旋轉木馬和retina.js的組合在某些條件下不起作用。

http://www.stelab.nagoya-u.ac.jp/~okumura/profile.html

我得到同樣的結果，即使我在我的視網膜Mac上使用谷歌瀏覽器（26.0.1410.65）或Firefox（20.0）。

有誰能告訴我如何讓我的主頁正常工作嗎？

• 旋轉木馬（Twitter的引導）http://twitter.github.io/bootstrap/javascript.html#carousel
• retina.js http://retinajs.com

Answer 1

這是一個已知的問題retina.js和轉盤。在此已經報道：https://github.com/imulus/retinajs/issues/84

Answer 2

這個jQuery插件解決了這個問題： https://github.com/tylercraft/jQuery-Retina

您可以使用suffixe（圖像x2.jpg例如），或使用任何選擇。 它也適用於Ajax加載。