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

Question

我最近发布了我的主页，其中我使用了carousel + 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加载。