onscroll=関数(){
if(show_process==0 && more_images_num >0 && image_group_index < more_images_num){
var showflag=isMoreShow();
if(表示フラグ){
書類。getElementById("advert_images_more")。className='advert_images_more';
showMoreImages();//さらに多くの画像を表示します
書類。getElementById("advert_images_more")。className='advert_images_more advert_hide';
}それ以外{
書類。getElementById("advert_images_more")。className='advert_images_more advert_hide';
}
}
}
/**
* より多くの写真を表示
*/
関数 showMoreImages(){
ショープロセス=1;
var contentbox=ドキュメント。getElementById("広告画像リスト項目");
var インデックス = 画像グループインデックス + 1;
if(インデックス < more_images_num){
var image=more_images[インデックス];
画像。forEach(item=>{
var lis=ドキュメント。createElement('div');
リス。className="広告グリッド項目";
var link=ドキュメント。createElement('a');
リンク。タイトル=アイテム。代替;
リンク。href=アイテム。リンクURL;
リンク。データセット。ソース=アイテム。ソース;
リンク。データセット。alt=アイテム。代替;
リンク。className='advert_image_link';
リンク。innerHTML='
';
リス。appendChild(リンク);
コンテンツボックス。appendChild(is);画像を読み込み中(リンク,アイテム.ソース、アイテム。代替);
});
画像グループインデックス=インデックス;
}
ショープロセス=0;
}
/**
* 追加画像
* @paramオブジェクト
* @paramソース
* @param alt
*/
関数loadingImage(obj,src,alt){
var img=新しい画像();
画像。onload=関数(){
オブジェクトinnerHTML="";
オブジェクトappendChild(this);
}
画像。ソース=ソース;
画像。alt=代替;
}
/**
* より多くの画像が表示されたかどうか
* @returns {boolean}
*/
関数 isMoreShow(){
offsetTop = ドキュメントとします。getElementById("advert_images_more")。offsetTop;//元素距離上部の距離
pageYOffset = window とします。pageYOffset;//面顶部全体の動作の高さ
innerHeight = ウィンドウとします。innerHeight;// ネットワークの閲覧可能な高さ
if(offsetTop-pageYOffset < innerHeight){
true を返します。
}それ以外{
false を返します。
}
}
/**
* 显示选择菜单
*/
関数 showAllMenu(){
高さをドキュメントとします。体。スクロール高さ;
書類。getElementById("advert_menu_all")。className="advert_menu_all";
書類。getElementById("advert_bg")。クラス名 = "広告_bg";
書類。getElementById("advert_bg")。スタイル。高さ=高さ;
コンソール。ログ(高さ);
}
/**
* 隐藏选择菜单
*/
関数 HideAllMenu(){
書類。getElementById("advert_menu_all")。className="advert_menu_all advert_hide";
書類。getElementById("advert_bg")。className="広告_bg広告_非表示";
}
//---初期化データ--------------
//窓。onload=関数(){
var コンテンツ = ドキュメント。getElementById("advert_moredata")。価値;
more_images=JSON。解析(コンテンツ);
more_images_num=その他の画像。長さ;
var objs=ドキュメント。getElementsByClassName("advert_image_link");
for(var i=0;i< objs.長さ;i++){
var item=objs[i];
var alt=アイテム。データセット。代替;
var src=アイテム。データセット。ソース;
ロード画像(アイテム、ソース、alt);
}
// }
