mirror of
https://github.com/YunoHost-Apps/bozon_ynh.git
synced 2024-09-03 18:16:09 +02:00
72 lines
2.1 KiB
JavaScript
72 lines
2.1 KiB
JavaScript
/*
|
|
Minimalist Lightbox by Bronco (bronco@warriordudimanche.net)
|
|
*/
|
|
var lb_hide=function(){
|
|
var lb_nav=document.getElementById("lb_nav");
|
|
var lb_overlay=document.getElementById("lb_overlay");
|
|
|
|
lb_overlay.style.height=0;
|
|
lb_overlay.style.opacity=0;
|
|
lb_nav.style.height=0;
|
|
lb_nav.style.opacity=0;
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
}
|
|
|
|
var lb_show=function(obj){
|
|
var lb_overlay=document.getElementById("lb_overlay");
|
|
var lb_content=document.getElementById("lb_content");
|
|
var lb_img=document.getElementById("lb_img");
|
|
var lb_info=document.getElementById("lb_content-info");
|
|
var lb_nav=document.getElementById("lb_nav");
|
|
var lb_prev=document.getElementById("lb_prev");
|
|
var lb_next=document.getElementById("lb_next");
|
|
var type=obj.getAttribute("data-type");
|
|
var path=obj.getAttribute("href");
|
|
var alt=obj.getAttribute("alt");
|
|
var group=obj.getAttribute("data-group");
|
|
if (group==null&&path!="prev"&&path!="next"){
|
|
lb_prev.style.display="none";
|
|
lb_next.style.display="none";
|
|
}else{
|
|
group_set=document.querySelectorAll("a[data-group="+group+"]");
|
|
if (group_set.length>0){
|
|
for (var index=0; index<group_set.length; ++index){
|
|
if (group_set[index].getAttribute("href")==path){
|
|
if (index>0){
|
|
prev=group_set[index-1];
|
|
lb_prev.style.display="block";
|
|
lb_next.setAttribute("style","margin-left:0");
|
|
}else{
|
|
prev=null;
|
|
lb_prev.setAttribute("style","display:none;");
|
|
lb_next.setAttribute("style","margin-left:32px");
|
|
}
|
|
if (index<group_set.length-1){
|
|
next=group_set[index+1];
|
|
lb_next.style.display="block";
|
|
}else{
|
|
next=null;
|
|
lb_next.style.display="none";
|
|
}
|
|
}
|
|
}
|
|
}else{
|
|
lb_prev.style.display="none";
|
|
lb_next.style.display="none";
|
|
}
|
|
|
|
}
|
|
if (path=="prev"&&prev!=null){lb_show(prev);return false;}
|
|
if (path=="next"&&next!=null){lb_show(next);return false;}
|
|
|
|
lb_img.setAttribute("src",path);
|
|
lb_info.innerHTML=alt;
|
|
lb_overlay.style.height="100%";
|
|
lb_overlay.style.opacity=100;
|
|
lb_nav.style.height="48px";
|
|
lb_nav.style.opacity=100;
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
return false;
|
|
}
|