jQuery cơ thể hình nền rotator

Question

Đối với một trang web tôi hiện đang thiết kế tôi muốn có nền cơ thể trên một vòng quay của một loạt các hình ảnh. Tôi đã thử nhiều cách, tức là sử dụng các hàm fadeIn() và fadeOut() nhưng chúng dường như ảnh hưởng đến độ mờ đục của các bộ phận trong cơ thể. Tôi cũng đã thử sử dụng bgStretcher Nhưng điều này gây ra các vấn đề về xuất hiện và làm cho trang web chậm và bị thay đổi.

Tôi sẽ thích các hình ảnh mờ dần dần dần. Trợ giúp sẽ được đánh giá cao,

Here's a link to the website Tệp tập lệnh tôi hiện đang sửa đổi được gọi là background.js trong thư mục/js /. Tệp hiện được nhận xét vì nó chỉ là thử nghiệm. Hai hình ảnh nền hiện tại là "images/bg/bg1.jpg" và "images/bg/bg2.jpg"

Dưới đây là mã hiện tại của tôi mà tôi đang cố gắng để có được làm việc:

$(document).ready(function() { 
    setInterval(switchImage, 5000); 
    switchImage(); 

}); 

function switchImage() 
{ 
$('body').css("background-image", "url(../images/bg/bg2.jpg)").fadeIn(1000); 
$('body').css("background-image", "url(../images/bg/bg1.jpg)").fadeOut(1000); 
} 

Khi tôi có thể tìm ra cách chuyển đổi giữa các hình nền, tôi có thể thêm một số điều kiện để thay đổi giữa một mảng hình ảnh.

Chúc mừng, Dane Wilson

Answer 1

Rất đơn giản với jQuery Plugin này: jQuery Backstretch Trong bản demo "Sử dụng Backstretch trong một Slideshow" là một mã đoạn cho nó.

Answer 2

Điều này có thể được thực hiện chỉ với css3. Tôi sẽ sớm đăng bài.

EDIT: Tôi đã thử tạo hoạt ảnh với khung hình chính và kích thước nền CSS3, nhưng dường như họ không muốn làm việc cùng nhau quá tốt (nhấp nháy). Có lẽ tốt hơn để xem xét jQuery sau đó.