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)',

        }); 
    });

note ::这只适用于现代浏览器，例如基于webkit的浏览器，即9和firefox（我认为3.5及更高版本）。

编辑：

另外我注意到你有一个旧的jquery旋转插件，如果你更新它下载链接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我试过看起来好多了）

它将解决这个希望，这有助于

瑞安

Slider适用于某些浏览器，但不适用于其他浏览器

1 个答案: