4

I have recently released my home page in which I use carousel + Twitter Bootstrap + retina.js.

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

When I access this page with my old MacBook Pro (non retina), it shows the carousel as expected. Three images are automatically shown with a nice transition. But when I open the same page with my retina MacBook Pro (Safari 6.0.3 + OS X 10.8.3), one or two images are not shown.

Retina.js seems to be working properly with my retina MacBook Pro, because the image in the following page is automatically changed to the high-reso version of my picture. Therefore, I think that the combination of carousel and retina.js does not work under certain conditions.

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

I get the same result even if I use Google Chrome (26.0.1410.65) or Firefox (20.0) on my retina Mac.

Could anyone tell me how to make my home page work properly, please?

4

2 回答 2

3

这是retina.js 和carousels 的一个已知问题。这里已经报道过：https ://github.com/imulus/retinajs/issues/84

于 2013-05-08T23:00:30.743 回答
1

这个 jquery 插件解决了这个问题： https ://github.com/tylercraft/jQuery-Retina

您可以使用后缀（例如 image-x2.jpg），或使用任何选择器。它也适用于 ajax 加载。

于 2014-06-09T12:16:44.620 回答