カスタム背景fadeInOutギャラリー

Question

iは、間隔のものと画像計算が正常に動作するようです

var intervalo; 
var i= 0; 
var photos = [ 
    "http://toniweb.us/gm/img/galeria/fondo1.jpg", 
       "http://toniweb.us/gm/img/galeria/fondo2.jpg", 
       "http://toniweb.us/gm/img/galeria/fondo3.jpg", 
       "http://toniweb.us/gm/img/galeria/fondo4.jpg" 
]; 

function rotarFondo(){ 
    var container = $('#headerimgs'); 
    var current = container.children('div:visible:first'); 
    var imgSrc = photos[i]; 
    i++; 
    if(i == photos.length) 
     i = 0; 

    console.log(imgSrc); 
    var next = (current.next().length > 1) ? current.next() : container.children('div:visible'); 
    current.css('background',imgSrc); 
    next.css('background',imgSrc); 

    current.fadeOut(300); 
    next.fadeIn(300); 
} 

function congelarFondo(){ 

} 

$(document).ready(function(){ 
     if (intervalo) 
     clearInterval(intervalo); 
     intervalo = setInterval('rotarFondo()',1000); 
}); 

fadeinout効果と独自のカスタムイメージローテータをプログラムすることを決めたが、なぜ私は知りませんbgImgaesは今http://jsfiddle.net/bE9Dq/27/

のために、ここで、任意のアイデア

テスト実際に適​​用されることはありません？それはこれらのプラグインのいずれかを使用して、あなたにいくつかの時間といくつかの頭痛の種を保存するかもしれない初心者のためのよく

Answer 1

：

• http://buildinternet.com/project/supersized/
• http://bavotasan.com/2011/full-sizebackground-image-jquery-plugin/

（私はそれらの両方を使用しましたが）

あなたのコードで気づいたことは、背景画像を次のように設定する必要があることです。

また

.css('background-image','url(' + imgSrc + ')'); 

二行目（next.）に気づくあなたはまだ私はあなたの代わりにimgSrc1を使用することを意味だと思うimgSrcを使用していますか？