jQuery旋转和透明图像

时间:2011-03-10 14:26:41

标签: jquery jquery-plugins css3 image-rotation

嗨我有一些有锯齿状边缘的图像,所以它们自然是gif,png等,并且有透明度但是我希望其中2个这些图像在jquery中旋转而一个不在,我有这个代码:

$('#slideshow ul:odd').css('background', 'url(../skin/frontend/default/getbranded/images/header/slideshowpic2.gif) no-repeat').rotate({angle:45});
$('#slideshow ul:even').css('background', 'url(../skin/frontend/default/getbranded/images/header/slideshowpic1.gif) no-repeat').rotate({angle:0});

我不知道为什么它不在jquery中工作,我使用jqueryrotate插件并且也尝试过css3虽然在css3中它的工作原理图像周围有一个白色的锯齿状笔画,我该如何解决这个问题?

这些是背景图片。 http://www.getbranded.co/magento/index.php/这是我使用的插件:http://code.google.com/p/jqueryrotate/

格雷厄姆

1 个答案:

答案 0 :(得分:1)

嗯我是jQueryRotate插件的作者,正如我在问题页面上所说的那样 - 这个插件不支持旋转UL元素。它主要用于旋转图像(支持各种浏览器)。对你来说它适用于Chrome只是因为在Chrome中我使用css3也可以旋转任何内容,但如果你在IE< 9或Firefox中尝试相同的东西,那么你会发现这不起作用。我计划很快发布新版本的插件,可能会因为旋转整个内容而放弃一些浏览器支持,但为此我需要一些时间进行实现/测试。请直接在项目主页上告诉我您的问题 - 我会尽力为您解决问题。