이제 주석 처리 된 점진적 페이드 인 / 페이드 아웃이 div를 포함하는 전체가 아닌 배경 이미지에만 적용되도록 어떻게 변경할 수 있습니까?
현재 상태에서는 모든 콘텐츠와 함께 전체 DIV가 배경 이미지 변경과 함께 페이드 인 / 아웃됩니다. 전환 할 때 배경 이미지에 적용하려면 크로스 페이드 또는 페이드 인 / 아웃이 필요합니다. 나는 그것이 전체 div에 적용되는 이유를 이해하고 있습니다.
$(window).load(function() {
var i =0;
var images = [];
images[ 0 ] = 'images/image1.jpg';
images[ 1 ] = 'images/image2.jpg';
images[ 2 ] = 'images/image3.jpg';
images[ 3 ] = 'images/image4.jpg';
var image = $('#container');
//Initial Background image setup
image.css('background-image', 'url(images/image4.jpg)');
//Change image at regular intervals
setInterval(function(){
//image.fadeOut(1000, function () {
image.css('background-image', 'url(' + images [i++] +')');
//image.fadeIn(1000);
//});
if(i == images.length)
i = 0;
}, 5000);
});
배경 이미지 만 페이드 아웃 할 수는 없습니다. 그것의 전부 또는 아무것도 종류의 것입니다. Z- 색인을 사용하여 현재 div 아래의 다른 요소에 이미지를 배치하고 페이드 인 또는 페이드 아웃 할 수 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다