2012-11-04 77 views
0

我在www.Guguta.com上使用此滑块,如果您使用IE或Firefox打开它,则效果很好。 如果您使用Chrome或Safari打开..主图不显示。Slider适用于某些浏览器,但不适用于其他浏览器

此外,鼠标点击小图像,应该加载到主要的小图片,但再次在Chrome和Safari不起作用。

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

任何帮助/提示将得到真正的赞赏。

在先进的感谢,
开发

+0

或Firefox在Mac上也镀铬在Mac上不起作用 – ryanc1256

+2

它也可以帮助,如果你粘贴上面 – ryanc1256

+0

还什么脚本做什么你的代码???有像他们7是script.js ?? – ryanc1256

回答

2

好吧,我想通了。这条线是堆砌起来

$('.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旋转插件,如果你更新 下载链接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度比较好比2deg(是的,你可以做1.5我试了看起来好多了)

它会解决这个希望,他他LPS

瑞安

+0

Oh Niceeee ..我永远无法想象。那么,非常感谢。所以你知道这是一个网站,将帮助无家可归者通过提供屋顶来找回他们的尊严。它被称为RightToDignity.com,应该很快就会上线。再次感谢,认真! –

+0

@Developer欢迎您的到来,喜欢帮助,听起来像个好主意,希望看到它:-D – ryanc1256

相关问题