결혼식/개인 사용을 위한 맞춤형 이니셜, 모노그램 및 텍스트 왁스 인감 스탬프
<스크립트 유형="텍스트/자바스크립트">
var show_process=0;//显示数据过程状态 0：等待 1：显示中
var Images_group_index=-1;//이전에는 더 많은 사진을 다운로드할 수 있습니다.
var more_images={};//더 많은 사진 보기
var more_images_num=0;//더 많은 사진의 양
/**
* 滚动事件的监测
*/
window.onscroll=함수(){
if(show_process==0 && more_images_num >0 && Images_group_index < more_images_num){
var showflag=isMoreShow();
if(표시 플래그){
document.getElementById("advert_images_more").className='advert_images_more';
showMoreImages();//더 많은 사진을 볼 수 있습니다
document.getElementById("advert_images_more").className='advert_images_more advert_hide';
}또 다른{
document.getElementById("advert_images_more").className='advert_images_more advert_hide';
}
}
}
/**
* 더 많은 사진을 보세요
*/
함수 showMoreImages(){
show_process=1;
var contentbox=document.getElementById("advert_images_list_item");
var index=images_group_index+1;
if(색인 < more_images_num){
var 이미지=more_images[색인];
Images.forEach(항목=>{
var lis=document.createElement('div');
lis.className="광고-그리드-항목";
var link=document.createElement('a');
link.title=item.alt;
link.href=item.link_url;
link.dataset.src=item.src;
link.dataset.alt=item.alt;
link.className='advert_image_link';
link.innerHTML=' ';
lis.appendChild(링크);
contentbox.appendChild(lis);
loadingImage(link,item.src,item.alt);
});
Images_group_index=색인;
}
show_process=0;
}
/**
* 加载사진
* @param obj
* @param src
* @param alt
*/
함수 loadingImage(obj,src,alt){
var img=새 이미지();
img.onload=함수(){
obj.innerHTML="";
obj.appendChild(this);
}
img.src=src;
img.alt=alt;
}
/**
* 더 많은 정보 제공
* @returns {boolean}
*/
함수 isMoreShow(){
let offsetTop = document.getElementById("advert_images_more").offsetTop;//元素距离顶부적 내용
pageYOffset = window.pageYOffset;//이 페이지의 높이를 높이세요
let innerHeight = window.innerHeight;//网页可见의 높이
if(offsetTop-pageYOffset < innerHeight){
사실을 반환;
}또 다른{
거짓을 반환;
}
}
/**
* 显示选择菜单
*/
함수 showAllMenu(){
높이 = 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=높이;
console.log(높이);
}
/**
* 隐藏选择菜单
*/
함수 hideAllMenu(){
document.getElementById("advert_menu_all").className="advert_menu_all advert_hide";
document.getElementById("advert_bg").className="advert_bg advert_hide";
}
//----初始化数据---------------
//window.onload=함수(){
var content=document.getElementById("advert_moredata").value;
more_images=JSON.parse(콘텐츠);
more_images_num=more_images.length;
var objs=document.getElementsByClassName("advert_image_link");
for(var i=0;i< objs.length;i++){
var item=objs[i];
var alt=item.dataset.alt;
var src=item.dataset.src;
loadingImage(항목,src,alt);
}
// }
온스크롤=함수(){
if(show_process==0 && more_images_num >0 && Images_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(){
show_process=1;
var 콘텐츠박스=문서.getElementById("advert_images_list_item");
var index=images_group_index+1;
if(색인 < more_images_num){
var 이미지=more_images[색인];
이미지.forEach(항목=>{
var lis=문서.createElement('div');
리스.className="광고-그리드-항목";
var 링크=문서.createElement('a');
링크.제목=아이템.대체;
링크.href=항목.링크_URL;
링크.데이터 세트.src=아이템.src;
링크.데이터 세트.alt=아이템.대체;
링크.className='advert_image_link';
링크.innerHTML='
';
리스.AppendChild(링크);
콘텐츠박스.AppendChild(is); 이미지 로딩(링크,항목.소스,아이템.대체);
});
Images_group_index=색인;
}
show_process=0;
}
/**
* 加载사진
* @param obj
* @param src
* @param alt
*/
함수 loadingImage(obj,src,alt){
var img=새 이미지();
img.온로드=함수(){
obj.innerHTML="";
obj.AppendChild(this);
}
img.src=src;
img.Alt=alt;
}
/**
* 더 많은 정보 제공
* @returns {boolean}
*/
함수 isMoreShow(){
offsetTop = 문서로 둡니다.getElementById("advert_images_more").offsetTop;//원素距离顶부적 내용
pageYOffset = 창을 설정하십시오.pageYOffset;//整个页면의 높이
innerHeight = 창을 설정합니다.innerHeight;//网页可见의 높이
if(offsetTop-pageYOffset < innerHeight){
사실을 반환;
}또 다른{
거짓을 반환;
}
}
/**
* 显示选择菜单
*/
함수 showAllMenu(){
높이 = 문서로 둡니다.몸.스크롤높이;
문서.getElementById("advert_menu_all").className="advert_menu_all";
문서.getElementById("advert_bg").className="advert_bg";
문서.getElementById("advert_bg").스타일.키=키;
콘솔.로그(높이);
}
/**
* 隐藏选择菜单
*/
함수 hideAllMenu(){
문서.getElementById("advert_menu_all").className="advert_menu_all advert_hide";
문서.getElementById("advert_bg").className="advert_bg advert_hide";
}
//----初始化数据---------------
//창문.온로드=함수(){
var 내용=문서.getElementById("advert_moredata").값;
more_images=JSON.구문 분석(내용);
more_images_num=more_images.길이;
var objs=문서.getElementsByClassName("advert_image_link");
for(var i=0;i< objs.길이;i++){
var item=objs[i];
var alt=항목.데이터 세트.대체;
var src=항목.데이터 세트.src;
loadingImage(항목,src,alt);
}
// }