旋转木马(推特启动)+ retina.js不像预期的那样工作

Question

我最近发布了我的主页，其中我使用旋转木马+推特引导+ retina.js。

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

当我用我的旧MacBook Pro (非视网膜)访问这个页面时，它会显示出预期的旋转木马。三个图像自动显示与一个很好的过渡。但是当我用我的视网膜MacBook Pro (Safari6.0.3+OS10.8.3)打开相同的页面时，就不会显示一两个图像。

Retina.js似乎与我的视网膜MacBook Pro正常工作，因为下面页面中的图像会自动更改为我的图片的高分辨率版本。因此，我认为旋转木马和retina.js的结合在某些条件下是行不通的。

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

即使在我的视网膜Mac上使用Google (26.0.1410.65)或Firefox (20.0)，我也会得到同样的结果。

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

• 旋转木马(推特启动) 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

您可以使用后缀(例如Imag-x2.jpg)，也可以使用任何选择器。它在ajax加载中也运行得很好。