javascript - slider 适用于某些浏览器，但不适用于其他浏览器

Question

我在 www.Guguta.com 上有这个 slider ，如果你用 IE 或 Firefox 打开它，它运行良好。 如果您使用 Chrome 或 Safari 打开...主图不会显示。

鼠标点击小图片，应该会将该小图片加载到主图片中，但同样在 Chrome 和 Safari 上不起作用。

管理 slider 的 JS 脚本在“scripts.cs”中启动
完整的源代码可以从这里下载: www.guguta.com/slider.zip

我们将不胜感激任何帮助/提示。

提前致谢，
开发人员

Answer 1

好吧，我明白了。这条线把它塞满了

$('.slider-item a').find('img').each(function () {
        $(this).rotateRight(-2);    
    });

我把它换成了

$('.slider-item a').find('img').each(function () {
        degree = -2;
        $(this).css({
        '-webkit-transform': 'rotate(' + degree + 'deg)',
                        '-moz-transform': 'rotate(' + degree + 'deg)',
                        '-ms-transform': 'rotate(' + degree + 'deg)',
                        '-o-transform': 'rotate(' + degree + 'deg)',
                        'transform': 'rotate(' + degree + 'deg)',

        }); 
    });

注意:这仅适用于现代浏览器，例如基于 webkit 的浏览器，即 9 和 firefox(我认为是 3.5 及更高版本)。

编辑:

另外我注意到如果你更新它你有一个旧的 jquery rotate 插件 下载链接http://code.google.com/p/jqueryrotate/downloads/detail?name=jQueryRotate.2.2.js

然后这样做

 $('.slider-item a').find('img').each(function () {
            $(this).rotate(-2); 
        });

我还发现 1.5 度比 2 度好(是的，你可以做 1.5，我试过它看起来好多了)

它会解决这个问题希望这有帮助

瑞安