JQuery - 函數自動更改圖像

我需要的是，背景上的某些圖像（例如它們的隨機5-8）會自動更改爲另一個圖像（例如10秒後，類似於example-link但是自動，而不是徘徊）。JQuery - 函數自動更改圖像

$('.fader').hover(function() { 
    $(this).find("img").fadeToggle(); 
    });

來源

2013-04-10 JS-Hero

嘗試bxSlider功能..易於實施和跨瀏覽器的圖像滑塊插件.. – writeToBhuwan 2013-04-10 12:07:58

有一個之所以說「jsfiddle的鏈接需要代碼在問題中」 - 在問題中發佈你的代碼，特別是如果它不像你的那麼長！ – 2013-04-10 12:08:20

你用過谷歌嗎？那裏有大量的教程。 – 2013-04-10 12:08:38

您可以使用setInterval每隔一段時間運行功能，那麼它裏面有你的形象改變功能

//global variable 
var bgImg = 1; 

//runs every second 
window.setInterval(function(){ 
    yourFunction(); 
}, 10000); 

//changes background image 
function yourFunction() { 
    ++bgImg; 

    if(bgImg === 4){ 
    bgImg = 1; 
    } 

    if(bgImg === 1){ 
    $('#element').css("background-image","URL('imgs/image1.jpg')"); 
    } 

    if(bgImg === 2){ 
    $('#element').css("background-image","URL('imgs/image3.jpg')"); 
    } 

    if(bgImg === 3){ 
    $('#element').css("background-image","URL('imgs/image3.jpg')"); 
    }   
}

您可以隨時添加更多的jQuery淡入出什麼更平滑的圖像比普通開關

來源

2013-04-10 12:16:21 rbyrne

這是你想要的嗎？使用BX滑塊。

http://jsfiddle.net/writetobhuwan/Xm2Be/393/

JS是如此簡單..

$(document).ready(function(){ 
    $('.bxslider').bxSlider(); 
});

來源

2013-04-10 12:16:47 writeToBhuwan

我做了一個JSFiddle DEMO ..也許它可以幫助你。

這很簡單，那就是我在setInterval

var $imgs = $(".fader").find("img"), 
    i = 0; 

function changeImage(){ 
    var next = (++i % $imgs.length); 
    $($imgs.get(next - 1)).fadeOut(500); 
    $($imgs.get(next)).fadeIn(500); 
} 
var interval = setInterval(changeImage, 2000);

執行希望它能幫助..

來源

2013-04-10 13:44:21 fernandosavio

JQuery - 函數自動更改圖像

回答

相關問題