은 bg를 페이딩 소재처럼 부드럽게 변경하려고합니다.

Question

백그라운드 이미지 전환을 애니메이션하는 방법을 여러 번 시도했지만 솔루션을 찾을 수 없습니다.

이

var images = ['bg1.jpg', 'bg2.jpg', 'bg3.jpg']; 
var curImage = 0; 
function switchImage() 
{ 
curImage = (curImage + 1) % images.length 
document.body.style.backgroundImage = 'url(images/' + images[curImage] + ')' 
} 
window.setInterval(switchImage, 5000); 

이 코드는 즉시 배경 이미지를 변경,하지만 난 새로운 배경 이미지를 원하는 : 여기

내가 다른 사람에서 가져온 몇 가지 예제 코드) 난 너무 가혹하지 말아주십시오 웹 개발에 새로운 오전 페이드 여기

내가 작성하고있는 페이지로 연결되는 링크입니다.

누군가가 그러는 수 있기를 바랍니다

http://preferredmerchantservices.net/

나, 그리고 미리 감사드립니다.

Answer 1

너 자신을 알아 내려고 너무 많은 시간을 낭비하고 싶지 않다면 jQuery과 같은 라이브러리를 사용해야합니다. 그것으로 단지 fadeIn()과 fadeOut()의 문제입니다.

웹 개발의 초보자이므로 jQuery는 거의 모든 사람들이 요즘 사용하고있는 정말 인기있는 라이브러리라는 것을 알아야합니다. 코드를 적게 작성하고 더 많은 작업을 수행 할 수 있습니다.

하지만 가장 중요한 점은 브라우저 간 호환성을 보장한다는 것입니다.

Answer 2

이 질문에 대해 살펴 보자 당신이 jQuery 라이브러리가 필요한 경우

http://jqueryfordesigners.com/image-loading/

: 여기

Fading in a background image

는 jQuery로 페이드 전환을 수행하는 방법에 대해 설명 링크입니다 이 코드를 페이지에 붙여 넣을 수 있습니다.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>