var show_process=0;//显示数据过程状态 0：等待 1：显示中
var images_group_index=-1 ;//
var more_images={};//更多图片组的数据
var more_images_num=0;//更多图片组的数量
/**
* 滚动事件的监测
*/
window.onscroll=fonction (){
if(show_process==0 && more_images_num >0 && images_group_index < more_images_num){
var showflag=isMoreShow();
si (afficher le drapeau) {
document.getElementById("advert_images_more").className='advert_images_more' ;
showMoreImages();//显示更多的图片
document.getElementById("advert_images_more").className='advert_images_more advert_hide' ;
}autre{
document.getElementById("advert_images_more").className='advert_images_more advert_hide' ;
}
}
}
/**
* 显示更多的图片
*/
fonction showMoreImages(){
show_process=1 ;
var contentbox=document.getElementById("advert_images_list_item");
var index=images_group_index+1 ;
if(index < more_images_num){
var images=more_images[index] ;
images.forEach(item=>{
var lis=document.createElement('div');
lis.className="advert-grid-item" ;
var lien=document.createElement('a');
link.title=item.alt ;
lien.href=item.link_url ;
lien.dataset.src=item.src ;
lien.dataset.alt=item.alt ;
link.className='advert_image_link' ;
link.innerHTML='' ;
lis.appendChild(lien);
contentbox.appendChild(lis);
chargementImage(lien,item.src,item.alt);
});
images_group_index=index ;
}
show_process=0 ;
}
/**
* 加载图片
* @param obj
* @param src
* @param alt
*/
fonction chargementImage(obj,src,alt){
var img=nouvelle Image();
img.onload=fonction (){
obj.innerHTML="" ;
obj.appendChild(this);
}
img.src =src;
img.alt=alt ;
}
/**
* 更多的图标是否显示出来了
* @returns {booléen}
*/
la fonction estPlusMontrer(){
let offsetTop = document.getElementById("advert_images_more").offsetTop;//元素距离顶部的距离
let pageYOffset = window.pageYOffset;//整个页面顶部滚动的高度
let innerHeight = window.innerHeight;//网页可见的高度
if(offsetTop-pageYOffset < innerHeight){
retourner vrai ;
}autre{
retourner faux ;
}
}
/**
* 显示选择菜单
*/
fonction showAllMenu(){
laissez hauteur = document.body.scrollHeight;
document.getElementById("advert_menu_all").className="advert_menu_all" ;
document.getElementById("advert_bg").className="advert_bg" ;
document.getElementById("advert_bg").style.height=hauteur ;
console.log(hauteur);
}
/**
* 隐藏选择菜单
*/
fonction cacherAllMenu(){
document.getElementById("advert_menu_all").className="advert_menu_all advert_hide" ;
document.getElementById("advert_bg").className="advert_bg advert_hide" ;
}
//----初始化数据------
//window.onload=fonction (){
var content=document.getElementById("advert_moredata").value;
more_images=JSON.parse(contenu);
more_images_num=more_images.length ;
var objs=document.getElementsByClassName("advert_image_link");
for(var i=0;i< objs.length;i++){
var article=objs[i] ;
var alt=item.dataset.alt ;
var src=item.dataset.src ;
chargementImage(item,src,alt);
}
// }
onscroll=fonction (){
if(show_process==0 && more_images_num >0 && images_group_index < more_images_num){
var showflag=isMoreShow();
si (afficher le drapeau) {
document. getElementById("advert_images_more"). className='advert_images_more' ;
showMoreImages();//显示更多的图片
document. getElementById("advert_images_more"). className='advert_images_more advert_hide' ;
}autre{
document. getElementById("advert_images_more"). className='advert_images_more advert_hide' ;
}
}
}
/**
* 显示更多的图片
*/
fonction showMoreImages(){
show_process=1 ;
var contentbox=document. getElementById("advert_images_list_item");
var index=images_group_index+1 ;
if(index < more_images_num){
var images=more_images[index] ;
images. pourChaque(item=>{
var lis=document. createElement('div');
lis. className="advert-grid-item" ;
var lien=document. createElement('a');
lien. titre=élément. alt ;
lien. href=élément. lien_url ;
lien. base de données. source=élément. src ;
lien. base de données. alt=élément. alt ;
lien. className='advert_image_link' ;
lien. innerHTML=' ' ;
lis. appendChild(lien);
boîte de contenu. appendChild(lis);
chargementImage(lien,élément. source, élément. alt);
});
images_group_index=index ;
}
show_process=0 ;
}
/**
* 加载图片
* @param obj
* @param src
* @param alt
*/
fonction chargementImage(obj,src,alt){
var img=nouvelle Image();
img. onload=fonction (){
obj. innerHTML="" ;
obj. appendChild(this);
}
img. source=source;
img. alt=alt ;
}
/**
* 更多的图标是否显示出来了
* @returns {booléen}
*/
la fonction estPlusMontrer(){
laissez offsetTop = document. getElementById("advert_images_more"). offsetTop;//元素距离顶部的距离
laissez pageYOffset = fenêtre. pageYOffset;//整个页面顶部滚动的高度
laissez innerHeight = fenêtre. innerHeight;//网页可见的高度
if(offsetTop-pageYOffset < innerHeight){
retourner vrai ;
}autre{
retourner faux ;
}
}
/**
* 显示选择菜单
*/
fonction showAllMenu(){
laissez hauteur = document. corps. scrollHeight;
document. getElementById("advert_menu_all"). className="advert_menu_all" ;
document. getElementById("advert_bg"). className="advert_bg" ;
document. getElementById("advert_bg"). style. hauteur=hauteur ;
console. log(hauteur);
}
/**
* 隐藏选择菜单
*/
fonction cacherAllMenu(){
document. getElementById("advert_menu_all"). className="advert_menu_all advert_hide" ;
document. getElementById("advert_bg"). className="advert_bg advert_hide" ;
}
//----初始化数据------
//fenêtre. onload=fonction (){
var contenu=document. getElementById("advert_moredata"). valeur;
more_images=JSON. analyser (contenu);
more_images_num=more_images. longueur;
var objs=document. getElementsByClassName("advert_image_link");
for(var i=0;i< objs. longueur;i++){
var article=objs[i] ;
var alt=élément. base de données. alt ;
var src=élément. base de données. src ;
chargementImage(item,src,alt);
}
// }
