jQuery - CSS 속성에 애니메이션을 적용 할 수 있습니까? 배경 이미지 특히

div와 요소를 페이드 인하거나 페이드 아웃 할 수 있지만 속성을 애니메이트 할 수 있습니까? 특정 div의 배경 이미지 속성을 변경할 때 이것에 대해 생각했습니다. 배경 이미지가 희미 해지면 멋지다고 생각했습니다.)jQuery - CSS 속성에 애니메이션을 적용 할 수 있습니까? 배경 이미지 특히

다음은 배경 이미지를 바꾸기 위해 사용하는 코드입니다. 그러나 그것은 움직일 수 있습니까?

var originalBG = $('#wrapper').css('background-image'); 
$('.bggallery_images img').hover(function() { 
    var newBG = "url('" + $(this).attr('src'); 

    $('#wrapper').css('background-image', newBG); 
}, function() { 
    $('#wrapper').css('background-image', originalBG); 
});

출처

2010-05-03 Kenny Bones

jQuery에는 정확하게 수행되는 animate() 메서드가 있습니다.

설명서의 예제를 확인하면 필요한 모든 것을 보여줍니다.

출처

2010-05-03 19:39:13

그냥 확인해보세요. 그러나 그것은 배경 이미지를 인식하는 것처럼 보이지 않습니다. 배경은 작동하는 것처럼 보입니다. 내 OP에서 몇 가지 코드로 업데이트 된 것을 보시겠습니까? –

@ Kenny 음, 그 부분을 overread, 나는 background-color를 이해했다. 'background-image'는 작동하지 않을 것입니다. CSS에서 페이드 할 수 없으며 jQuery는 그 기능을 추가 할 수 없습니다. 배경 이미지를 포함하는 요소의 '불투명도'를 변경하거나 새로운 요소를 도입해야합니다. –

그래, 내가 생각한 것. 래퍼 div의 새 집합을 적용하고 그 위에 새 배경 이미지를 적용해야합니다. 그런 다음 오래된 것을 퇴색시킵니다. –

JQuery UI은 배경과 관련하여 애니메이션 기능을 확장하는 플러그 인입니다. 기본적으로 JQuery가 그것을하지 않는다면, 그 기능을 갖기 위해 그것을 확장하는 라이브러리가있을 것이다.

출처

2010-05-03 19:42:06

jQuery - CSS 속성에 애니메이션을 적용 할 수 있습니까? 배경 이미지 특히

답변

관련 문제