jquery-plugins - extend用法 - js merge



jquery簡單的圖像滑塊w/ajax (1)

我想你可以用jcarousel做到這一點: http ://sorgalla.com/jcarousel/

訣竅是在JavaScript中逐個傳遞圖像,而不是在html中,如果不是,則總是預先加載。

代碼將是:

var mycarousel_itemList = [
{url:"/im/a.jpg", title: ""},{url:"/im/b.jpg", title: ""}];

listaimg=document.createElement('ul');
jQuery(listaimg).attr('id','mycarousel');
jQuery(listaimg).addClass('jcarousel-skin-tango');
jQuery('#containercarousel').append(listaimg);
jQuery('#mycarousel').jcarousel({   auto: 9,wrap: 'last', visible: 1,scroll:1, size: mycarousel_itemList.length,
    itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}

   });


function mycarousel_itemLoadCallback(carousel,state){for(var i=carousel.first;i<=carousel.last;i++){if(carousel.has(i)){continue}if(i>mycarousel_itemList.length){break};

carousel.add(i,mycarousel_getItemHTML(mycarousel_itemList[i-1]));


  }
};
function mycarousel_getItemHTML(item)
{


  var img = new Image();
                 $J(img).load(function () {

// whatever you want to do while loading.
    }).attr('src', item.url);
 return "<li><img src=\"" + item.url + "\" width=\"770\" alt=\"\" /></li>";

}

我有一個頁面上有很多圖像,只需要加載額外的圖像。 IE瀏覽器如果用戶點擊它或鼠標懸停,無論如何。 大多數(如果不是所有的)我看到的滑塊使用隱藏的屬性與所有的元素一次加載,這將造成不必要的負擔,在我的情況。

我喜歡: http : //nivo.dev7studios.com/但它沒有這樣的功能。

任何人都知道最好使用jQuery的ajax滑塊?

謝謝





slider