function onImgListScroll(divImgList) {
var minTop = divImgList.scrollTop - 2;
var maxTop = divImgList.scrollTop + divImgList.offsetHeight + 2;
var imgItems = divImgList.getElementsByTagName("DIV");
for (i = 0; i < imgItems.length; i++) {
var imgItem = imgItems[i];
var blLoaded = imgItem.getAttribute("loaded");
if (!blLoaded) {
if (imgItem.offsetTop + imgItem.offsetHeight > minTop && imgItem.offsetTop < maxTop) {
var nID = imgItem.getAttribute("itemid");
var itemname = imgItem.getAttribute('itemname');
imgItem.innerHTML = "
";
imgItem.setAttribute("loaded", "true");
}
}
}
}
var minTop = divImgList.scrollTop - 2;
var maxTop = divImgList.scrollTop + divImgList.offsetHeight + 2;
var imgItems = divImgList.getElementsByTagName("DIV");
for (i = 0; i < imgItems.length; i++) {
var imgItem = imgItems[i];
var blLoaded = imgItem.getAttribute("loaded");
if (!blLoaded) {
if (imgItem.offsetTop + imgItem.offsetHeight > minTop && imgItem.offsetTop < maxTop) {
var nID = imgItem.getAttribute("itemid");
var itemname = imgItem.getAttribute('itemname');
imgItem.innerHTML = "
imgItem.setAttribute("loaded", "true");
}
}
}
}
一个图片列表的div里面包含全部图片的div,把每个图片放在div里面可以实现居中,各图片的div上加了图片id的属性。
初始化的时候根据当前图片位置计算出要显示的几张图片,然后图片列表的div的onscroll上触发上述函数。
效果还是不错的
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/12513946/viewspace-687508/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/12513946/viewspace-687508/