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

Javascript Slider适用于某些浏览器,但不适用于其他浏览器,javascript,jquery,html,css,slider,Javascript,Jquery,Html,Css,Slider,我在www.Guguta.com上有一个滑块,如果你用IE或Firefox打开它,它工作得很好。 如果使用Chrome或Safari打开,则不显示主要图片 另外,鼠标点击小图片,应该将小图片加载到主图片中,但同样在Chrome和Safari上不起作用 管理滑块的JS脚本在“scripts.cs”处启动 完整的源代码可以从以下位置下载: www.guguta.com/slider.zip 任何帮助/提示都将不胜感激 提前感谢, 开发者好的,我想出来了。这条线塞满了 $('.slider-item

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

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

管理滑块的JS脚本在“scripts.cs”处启动
完整的源代码可以从以下位置下载: www.guguta.com/slider.zip

任何帮助/提示都将不胜感激

提前感谢,

开发者

好的,我想出来了。这条线塞满了

$('.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的浏览器、ie 9和firefox(我认为是3.5及更高版本)

编辑:

此外,我还注意到,如果您更新jquery rotate插件,您会有一个较旧的jquery rotate插件 下载链接

然后再这样做

 $('.slider-item a').find('img').each(function () {
            $(this).rotate(-2); 
        });
另外,我发现1.5度比2度好(是的,你可以做1.5度,我试过了,看起来好多了)

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


Ryan

或mac上的firefox也不起作用mac上的chrome也不起作用如果你把代码粘贴在上面也会有帮助还有什么脚本做什么???大概有7个是script.js吗?他在问题中放了一个链接,这样你就可以下载它了,别偷懒了,下载它,看看它,用chrome来解释元素,
canvas
width和height是
0
,标签没有关闭。。。cycle插件中不是一个bug吗?作者是谁?存储库在哪里?哦,太好了…我从没想过。嗯,非常感谢。因此,你知道这是一个网站,将帮助无家可归者找到他们的尊严,为他们提供一个屋顶。它叫RightToDignity.com,应该很快就会上线。再次感谢你,说真的@开发者欢迎您,喜欢帮助,听起来是个不错的主意,想看看吗:-D