0

こんにちは、ギザギザのエッジを持つ画像がいくつかあるので、それらは当然gif、pngなどであり、透明性がありますが、これらの画像のうち2つをjqueryで回転させ、1つを回転させないでください。次のコードがあります。

$('#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/

グラハム

4

1 に答える 1

1

ええと、私は jQueryRotate プラグインの作成者であり、問​​題のページで述べたように、UL 要素のローテーションはこのプラグインではサポートされていません。主に画像のみを回転させるために作成されました (幅広いブラウザをサポートするため)。あなたにとっては、Chromeでコンテンツを回転できるcss3を使用しているという理由だけでChromeで機能しますが、IE <9またはFirefoxで同じことを試してみると、これが機能しないことがわかります。コンテンツ全体をローテーションすることで一部のブラウザーのサポートを終了する可能性のあるプラグインの新しいバージョンをすぐにリリースする予定ですが、そのためには実装/テストに時間が必要です。あなたの問題について、プロジェクトのホームページで直接お知らせください。

于 2011-03-15T11:00:02.117 に答える