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），我也会得到相同的结果。

有人能告诉我如何使我的主页正常工作吗？

• Carousel（Twitter Bootstrap）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（例如image-x2.jpg），或使用任何选择器。 它也适用于ajax加载。