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

Question

我在 www.Guguta.com 上有这个滑块，如果你用 IE 或 Firefox 打开它，它工作得很好。如果您使用 Chrome 或 Safari 打开 .. 主图不显示。

此外，鼠标点击小图片，应该将该小图片加载到主图片中，但再次在 Chrome 和 Safari 上不起作用。

管理滑块的 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 和更高版本）。

编辑：

我还注意到如果您更新它下载链接http://code.google.com/p/jqueryrotate/downloads/detail?name=jQueryRotate.2.2.js ，您有一个较旧的 jquery 旋转插件

然后这样做

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

我也侦察 1.5 度比 2 度好（是的，你可以做 1.5 我试过它看起来好多了）

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

瑞安