圖片的輪播效果類似于PPT中的幻燈片切換效果,可以使多幅圖片以一種動態(tài)的方式自動切換,也可以通過鼠標(biāo)點(diǎn)擊控制要顯示的圖片。這種動畫效果我們經(jīng)常在網(wǎng)上看到,那么又怎么用slides插件簡單實(shí)現(xiàn)呢?
創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供仁和網(wǎng)站建設(shè)、仁和做網(wǎng)站、仁和網(wǎng)站設(shè)計(jì)、仁和網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、仁和企業(yè)網(wǎng)站模板建站服務(wù),10年仁和做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
代碼如下:
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'p_w_picpaths/loading.gif', //等待圖標(biāo)
play:6000, //圖片切換延遲
pause: 6000, //圖片暫停時(shí)間
hoverPause: true,
animationStart: function(){
$('.caption').animate({
bottom:-35
},100);
},
animationComplete: function(current){
$('.caption').animate({
bottom:0
},100);
if (window.console && console.log) {
console.log(current);
};
}
});
});
"frame">