2011-03-10 4 views
0

안녕하세요 저는 자연스럽게 GIF, PNG 등 등의 들쭉날쭉 한 가장자리가있는 이미지가 있고 투명도가 있지만 jquery에서 회전하려면이 이미지 중 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/

그레이엄

+0

"작동하지 않음"이란 무엇을 의미합니까? 문제의 데모를 게시 할 수 있습니까? 전의. [jsfiddle] (http://jsfiddle.net) 또는 [jsbin] (http://jsbin.com). –

+0

업데이트되었습니다. –

답변

1

흠 내가 jQueryRotate 플러그인의 저자 해요와 나는이 문제 페이지에 당신을 말한대로 - UL 요소를 회전하는이 플러그인을 지원하지 않습니다. 주로 이미지 만 회전하도록 만들어졌으며 (광범위한 브라우저를 지원하기 위해). Chrome에서는 Chrome에서 css3을 사용하여 모든 콘텐츠를 회전시킬 수 있기 때문에 작동하지만 IE < 9 또는 Firefox에서 동일한 내용을 시도하면 작동하지 않습니다. 나는 플러그인의 새로운 버전을 곧 출시 할 예정이다. 일부 브라우저는 전체 컨텐트를 회전시키지 않아도되지만, 구현/테스트를 위해서는 시간이 필요하다. 귀하의 문제에 대해 프로젝트 홈페이지에서 직접 알려주십시오 - 제가 그들을 알아낼 수 있도록 도와 드리겠습니다.