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 = "![\""](\"ShowImage.aspx?ID=")
";
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博客 ” ，链接：https://blog.itpub.net/12513946/viewspace-687508/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
js控制div等对象渐隐
下一篇：
没有了~
请登录后发表评论
登录
全部评论
