2011-03-10 86 views
0

嗨我有一些圖像有一個鋸齒狀的邊緣,所以他們自然是一個GIF,PNG等,並具有透明度,但我希望這些圖像中的2個要在jquery中旋轉,而不是,我有這個代碼: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/

格雷厄姆

+0

「不工作」是什麼意思?你可以發佈一個問題的演示嗎?恩。 [jsfiddle](http://jsfiddle.net)或[jsbin](http://jsbin.com)。 – 2011-03-10 14:29:25

+0

已爲您更新。 – 2011-03-10 14:39:59

回答

1

埃姆我jQueryRotate插件的作者和我說你的問題頁面上 - 旋轉UL元素不受此插件的支持。它主要是爲了旋轉圖像而創建的(以支持各種瀏覽器)。因爲你只是因爲在鉻我使用CSS3也可以旋轉任何內容,但如果您嘗試在IE < 9或Firefox同樣的東西,那麼你會發現這行不通適用於Chrome。我計劃很快發佈新版本的插件,可能會通過旋轉整個內容獲得一些瀏覽器支持,但爲此,我需要一些時間來進行實現/測試。請讓我直接在項目主頁上了解您的問題 - 我會盡力幫您解決問題。