level 1
關雲長lft
楼主
————————————————页面加载代码————————————
$(function() {
// for(var o in arr_pics){
// if(o.search("pic")!=-1){
// alert(arr_pics[o].SAVEPATH);
// }
// }
for ( var o in arr_pics) {//获取所有图片路径
if (o.search("pic") != -1) {
arr_Paths.push(arr_pics[o].SAVEPATH);
}
}
$(window).scroll(function() {
var bot = 50; //bot是底部距离的高度
if ((bot + $(window).scrollTop()) >= ($(document).height() - $(window).height())) {
var elems = new Array(4);
for ( var i = grpIndex; i < grpIndex + 4; i++) {
elems.push(getItemElement(arr_Paths[i]));
}
var $elems = $(elems);
// var $container = $('#masonry');
$('#masonry').append($elems).masonry('appended', $elems);
var allelems = $('#masonry').masonry('getItemElements');
alert(allelems.length);//******************************
}
// $container.masonry( 'addItems', $elems)
});
function getItemElement(path) {
var elem = document.createElement('div');
elem.className = "box";
elem.innerHTML = "<img src="+path+">"
return elem;
}
$('#masonry').imagesLoaded(function() {
$('#masonry').masonry({
columnWidth : 185,
gutter : 20,
isA***ted : true,
itemSelector : '.box'
});
});
});
——————————————————————————————————————————
*标的地方个数是正确的,图片的路径也没问题,求指导
2017年05月24日 03点05分
1
$(function() {
// for(var o in arr_pics){
// if(o.search("pic")!=-1){
// alert(arr_pics[o].SAVEPATH);
// }
// }
for ( var o in arr_pics) {//获取所有图片路径
if (o.search("pic") != -1) {
arr_Paths.push(arr_pics[o].SAVEPATH);
}
}
$(window).scroll(function() {
var bot = 50; //bot是底部距离的高度
if ((bot + $(window).scrollTop()) >= ($(document).height() - $(window).height())) {
var elems = new Array(4);
for ( var i = grpIndex; i < grpIndex + 4; i++) {
elems.push(getItemElement(arr_Paths[i]));
}
var $elems = $(elems);
// var $container = $('#masonry');
$('#masonry').append($elems).masonry('appended', $elems);
var allelems = $('#masonry').masonry('getItemElements');
alert(allelems.length);//******************************
}
// $container.masonry( 'addItems', $elems)
});
function getItemElement(path) {
var elem = document.createElement('div');
elem.className = "box";
elem.innerHTML = "<img src="+path+">"
return elem;
}
$('#masonry').imagesLoaded(function() {
$('#masonry').masonry({
columnWidth : 185,
gutter : 20,
isA***ted : true,
itemSelector : '.box'
});
});
});
——————————————————————————————————————————
*标的地方个数是正确的,图片的路径也没问题,求指导