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加载。