jquery简单图像滑块w / ajax

我有一个页面上有很多图像，只想按需加载额外的图像。 IE，如果用户点击它或鼠标，无论如何。 大多数（如果不是所有）我见过的滑块使用隐藏属性，所有元素一次加载，这将导致我的情况过度负担。

我喜欢： http ： //nivo.dev7studios.com/但它没有这样的function。

有人知道ajax滑块最好使用jquery吗？

谢谢

Answer 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 "
"; }