Jquery plugins jquery简单图像滑块w/ajax
我有一个页面上有很多图片，只想按需加载额外的图片。也就是说，如果用户点击它或鼠标滑过，不管怎样。我见过的大多数滑块（如果不是所有的话）都使用隐藏属性，同时加载所有元素，这在我的例子中会造成不必要的负担 我喜欢：但它没有这样的功能 有人知道最好使用jquery的ajax滑块吗Jquery plugins jquery简单图像滑块w/ajax,jquery-plugins,jquery,slider,Jquery Plugins,Jquery,Slider,我有一个页面上有很多图片，只想按需加载额外的图片。也就是说，如果用户点击它或鼠标滑过，不管怎样。我见过的大多数滑块（如果不是所有的话）都使用隐藏属性，同时加载所有元素，这在我的例子中会造成不必要的负担 我喜欢：但它没有这样的功能 有人知道最好使用jquery的ajax滑块吗 谢谢我想你可以用jcarousel做到这一点： 诀窍是在javascript中逐个传递图像，而不是在html中，如果不是，则总是预先加载图像 守则是： var mycarousel_itemList = [ {url:"/
谢谢我想你可以用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>";
}
var mycarousel\u itemList=[
{url:“/im/a.jpg”，标题：”}，{url:“/im/b.jpg”，标题：”}）；
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}
});
函数mycarousel_itemLoadCallback（carousel，state）{for（var i=carousel.first；imycarousel_itemList.length）{break}；
添加（i，mycarousel_getItemHTML（mycarousel_itemList[i-1]）；
}
};
函数mycarousel_getItemHTML（项目）
{
var img=新图像（）；
$J（img）.加载（函数（）{
//加载时您想做的任何事情。
}).attr（'src'，item.url）；
返回“”；
}