'use strict';function BW_IMGWIG_fillGalWrappers(e){BW_IMGWIG_setInnerHTML("gallery-top-wrapper",e),BW_IMGWIG_setInnerHTML("gallery-thumb-wrapper",e)}function BW_IMGWIG_showGallery(){BW_IMGWIG_imgAdminpass?BW_IMGWIG_setDisplay('BW_IMGWIG_admindiv','inline-block'):BW_IMGWIG_setDisplay('BW_IMGWIG_admindiv','none'),BW_IMGWIG_setDisplay('BW_IMGWIG_galwin','inline'),BW_IMGWIG_imgcode_actualSubimg=BW_IMGWIG_imgcode_subimg[0];var e=BW_IMGWIG_imgcode_subimg.reduce(function(e,_){return e+"<div class=\"swiper-slide\"><img data-src=\"https://www.fotoboxperfekt.de/imgwidget/getpic.php?id="+BW_IMGWIG_imgid+'&code='+BW_IMGWIG_imgcode+'&subimg='+_+'&adminpass='+BW_IMGWIG_imgAdminpass+"\" class=\"swiper-lazy\"><div class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div></div>"},'');BW_IMGWIG_setInnerHTML("gallery-top-wrapper",e),BW_IMGWIG_setInnerHTML("gallery-thumb-wrapper",e.replace(/getpic.php\?/g,'getpic.php?preview&')),BW_IMGWIG_galleryTop=new Swiper(".gallery-top",{nextButton:".swiper-button-next",prevButton:".swiper-button-prev",spaceBetween:10,preloadImages:!1,lazyLoading:!0,lazyLoadingInPrevNext:!0,simulateTouch:!0,keyboardControl:!0,effect:'slide',direction:'horizontal',onSlideChangeStart:function(){BW_IMGWIG_imgcode_actualSubimg=BW_IMGWIG_imgcode_subimg[BW_IMGWIG_galleryTop.realIndex]}}),BW_IMGWIG_galleryThumbs=new Swiper(".gallery-thumbs",{spaceBetween:10,centeredSlides:!0,slidesPerView:"auto",touchRatio:.2,slideToClickedSlide:!0,preloadImages:!1,lazyLoading:!0,lazyLoadingInPrevNext:!0,lazyLoadingInPrevNextAmount:5,simulateTouch:!0,keyboardControl:!0,onTouchEnd:function(e,_){var I=e.touches.diff=e.isHorizontal()?e.touches.currentX-e.touches.startX:e.touches.currentY-e.touches.startY;(I<5||I>-5)&&(e.allowClick=!0)}}),BW_IMGWIG_galleryTop.params.control=BW_IMGWIG_galleryThumbs,BW_IMGWIG_galleryThumbs.params.control=BW_IMGWIG_galleryTop}function BW_IMGWIG_galPass(){return BW_IMGWIG_imgAdminpass=document.getElementById('BW_IMGWIG_pass_gal').value,BW_IMGWIG_get('https://www.fotoboxperfekt.de/imgwidget/getpic.php?id='+BW_IMGWIG_imgid+'&adminpass='+BW_IMGWIG_imgAdminpass,function(e){BW_IMGWIG_setDisplay('BW_IMGWIG_mailerdiv_msg_gallpass','inline'),'!code'==e.responseText?BW_IMGWIG_setInnerHTML('BW_IMGWIG_mailerdiv_msg_gallpass','<p class="errmsg">Der Code für das Foto ist abgelaufen, bitte Seite neu laden</p>'):e.responseText.match(/^!ip-(\d+)$/)?BW_IMGWIG_setInnerHTML('BW_IMGWIG_mailerdiv_msg_gallpass','<p class="errmsg">Bitte noch '+RegExp.$1+' Sekunden warten!</p>'):'!adminpass'==e.responseText?BW_IMGWIG_setInnerHTML('BW_IMGWIG_mailerdiv_msg_gallpass','<p class="errmsg">Das Admin-Passwort ist falsch</p>'):'ok'==e.responseText?(BW_IMGWIG_closeGalPass(),BW_IMGWIG_imgcode_subimg.length>=10?BW_IMGWIG_showTiles():BW_IMGWIG_showGallery()):BW_IMGWIG_setInnerHTML('BW_IMGWIG_mailerdiv_msg_gallpass','<p class="errmsg">Es ist ein unbekannter Fehler aufgetreten.</p>')}),!1}function BW_IMGWIG_freeGal(e){confirm('Wirklich die GESAMTE Galerie freischalten ?')&&BW_IMGWIG_get('https://www.fotoboxperfekt.de/imgwidget/getpic.php?id='+BW_IMGWIG_imgid+'&code='+BW_IMGWIG_imgcode+'&freegal&adminpass='+BW_IMGWIG_imgAdminpass,function(_){'deleted'==_.responseText?(alert("Die Galerie wurde freigegeben"),BW_IMGWIG_imgAdminpass='',e()):console.error(_.responseText)})}function BW_IMGWIG_delImageSuccess(){var e=BW_IMGWIG_galleryTop.realIndex;BW_IMGWIG_imgcode_subimg.splice(e,1),BW_IMGWIG_galleryTop.removeSlide(e),BW_IMGWIG_galleryThumbs.removeSlide(e)}function BW_IMGWIG_delImage(e){confirm('Dieses Foto wirklich löschen ?')&&BW_IMGWIG_get('https://www.fotoboxperfekt.de/imgwidget/getpic.php?id='+BW_IMGWIG_imgid+'&code='+BW_IMGWIG_imgcode+'&subimg='+BW_IMGWIG_imgcode_actualSubimg+'&delimg&adminpass='+BW_IMGWIG_imgAdminpass,function(_){'deleted'==_.responseText?e():console.error(_.responseText)})}function BW_IMGWIG_closeGal(){BW_IMGWIG_setDisplay('BW_IMGWIG_galwin','none'),BW_IMGWIG_galleryTop.destroy(!0,!0),BW_IMGWIG_galleryThumbs.destroy(!0,!0),BW_IMGWIG_fillGalWrappers('')}function BW_IMGWIG_closeGalPass(){BW_IMGWIG_setDisplay('BW_IMGWIG_galpass','none'),document.getElementById('BW_IMGWIG_pass_gal').value='',BW_IMGWIG_setDisplay('BW_IMGWIG_mailerdiv_msg_gallpass','none')}function BW_IMGWIG_startMailer(){return BW_IMGWIG_setDisplay('BW_IMGWIG_mailer','inline'),!1}function BW_IMGWIG_closeMailer(){BW_IMGWIG_setDisplay('BW_IMGWIG_mailer','none'),BW_IMGWIG_toogleFlexDisplay('BW_IMGWIG_mailerdiv',!0),BW_IMGWIG_setDisplay('BW_IMGWIG_mailerdiv_msg','none')}function BW_IMGWIG_sendmail(){var e=BW_IMGWIG_imgcode_subimg.length>0?'&subimg='+BW_IMGWIG_imgcode_actualSubimg:'';return BW_IMGWIG_get('https://www.fotoboxperfekt.de/imgwidget/getpic.php?id='+document.getElementById('BW_IMGWIG_imgcode').value+'&code='+BW_IMGWIG_imgcode+'&email='+document.getElementById('BW_IMGWIG_email').value+e+'&adminpass='+BW_IMGWIG_imgAdminpass,function(e){BW_IMGWIG_toogleFlexDisplay('BW_IMGWIG_mailerdiv',!1),BW_IMGWIG_setDisplay('BW_IMGWIG_mailerdiv_msg','inline'),'!code'==e.responseText?BW_IMGWIG_setInnerHTML('BW_IMGWIG_mailerdiv_msg','<p class="errmsg">Der Code für das Foto ist abgelaufen, bitte neu laden zum Versenden</p>'):'send'==e.responseText?BW_IMGWIG_setInnerHTML('BW_IMGWIG_mailerdiv_msg','<p class="statusmsg">Das Foto wurde erfolgreich versendet</p>'):BW_IMGWIG_setInnerHTML('BW_IMGWIG_mailerdiv_msg','<p class="errmsg">Es ist ein unbekannter Fehler aufgetreten.</p>')}),!1}function BW_IMGWIG_toogleFlexDisplay(e,_){var I=document.getElementById(e);I.className=_?'BW_IMGWIG_mailerdiv display-flex':'BW_IMGWIG_mailerdiv display-none'}function BW_IMGWIG_setDisplay(e,_){document.getElementById(e).style.display=_}function BW_IMGWIG_setInnerHTML(e,_){document.getElementById(e).innerHTML=_}function BW_IMGWIG_setMsg(e){BW_IMGWIG_setInnerHTML('BW_IMGWIG_msg',e)}function BW_IMGWIG_get(e,_){try{var I=window.XMLHttpRequest||ActiveXObject,i=new I('MSXML2.XMLHTTP.3.0');i.open('GET',e,1),i.setRequestHeader('X-Requested-With','XMLHttpRequest'),i.setRequestHeader('Content-type','application/x-www-form-urlencoded'),i.onreadystatechange=function(){4==i.readyState&&(200==i.status?_(i):window.console&&console.error(i.statusText))},i.send()}catch(e){window.console&&console.error(e)}}function BW_IMWIG_submit(){return BW_IMGWIG_imgAdminpass='',BW_IMGWIG_setDisplay('BW_IMGWIG_msgimg','inline'),BW_IMGWIG_setMsg('Überprüfe Code'),BW_IMGWIG_imgid=document.getElementById('BW_IMGWIG_imgcode').value,BW_IMGWIG_get('https://www.fotoboxperfekt.de/imgwidget/getpic.php?id='+BW_IMGWIG_imgid,function(e){if(BW_IMGWIG_setDisplay('BW_IMGWIG_msgimg','none'),'!exist'==e.responseText)BW_IMGWIG_setMsg('<span class="errmsg">Foto existiert nicht!</span>');else if(e.responseText.match(/^!ip-(\d+)$/))BW_IMGWIG_setMsg('<span class="errmsg">Bitte noch '+RegExp.$1+' Sekunden warten!</span>');else{var _=e.responseText.split(';');1===_.length?(BW_IMGWIG_imgcode=e.responseText,BW_IMGWIG_imgcode_subimg=[],document.getElementById('BW_IMGWIG_img').src='https://www.fotoboxperfekt.de/imgwidget/getpic.php?id='+BW_IMGWIG_imgid+'&code='+BW_IMGWIG_imgcode,BW_IMGWIG_setDisplay('BW_IMGWIG_imgwin','inline')):(BW_IMGWIG_imgcode=_.shift(),BW_IMGWIG_imgcode_pass=_.shift(),BW_IMGWIG_imgcode_subimg=_,BW_IMGWIG_imgcode_pass?BW_IMGWIG_setDisplay('BW_IMGWIG_galpass','inline'):BW_IMGWIG_imgcode_subimg.length>=10?BW_IMGWIG_showTiles():BW_IMGWIG_showGallery()),BW_IMGWIG_setMsg('')}}),!1}function BW_IMGWIG_closeImg(){BW_IMGWIG_setDisplay('BW_IMGWIG_imgwin','none'),document.getElementById('BW_IMGWIG_img').src=''}function BW_IMGWIG_startDownload(e){var _=BW_IMGWIG_imgcode_subimg.length>0?'&subimg='+BW_IMGWIG_imgcode_actualSubimg:'';e.href='https://www.fotoboxperfekt.de/imgwidget/getpic.php?id='+document.getElementById('BW_IMGWIG_imgcode').value+'&code='+BW_IMGWIG_imgcode+_+"&full&adminpass="+BW_IMGWIG_imgAdminpass}function BW_IMGWIG_delTileImageSuccess(){BW_IMGWIG_deletedTiles.push(BW_IMGWIG_imgcode_actualSubimg),document.getElementById('subimg_'+BW_IMGWIG_imgcode_actualSubimg).src='https://www.fotoboxperfekt.de/imgwidget/deleted.png',BW_IMGWIG_closeTileImg()}function BW_IMGWIG_closeTileImg(){BW_IMGWIG_setDisplay('BW_IMGWIG_tileSingleImgContainer','none'),BW_IMGWIG_setDisplay('BW_IMGWIG_tileContainer','block'),document.getElementById('BW_IMGWIG_imgTile').src=''}function showImgTileCloser(){var e=document.getElementById('BW_IMGWIG_imgTile'),_=document.getElementById('BW_IMGWIG_imgTileCloser');_.style.top=10+(e.clientHeight-_.clientHeight)/2+'px',_.style.visibility='visible'}function hideImgTileCloser(){document.getElementById('BW_IMGWIG_imgTileCloser').style.visibility='hidden'}function BW_IMGWIG_showTileDetails(e){return BW_IMGWIG_deletedTiles.indexOf(e)!==-1?alert("Dieses Bild wurde schon gelöscht"):(BW_IMGWIG_imgcode_actualSubimg=e,BW_IMGWIG_imgAdminpass?BW_IMGWIG_setDisplay('BW_IMGWIG_admindivTileSingle','inline-block'):BW_IMGWIG_setDisplay('BW_IMGWIG_admindivTileSingle','none'),document.getElementById('BW_IMGWIG_imgTile').src='https://www.fotoboxperfekt.de/imgwidget/getpic.php?id='+BW_IMGWIG_imgid+'&code='+BW_IMGWIG_imgcode+'&subimg='+e+'&adminpass='+BW_IMGWIG_imgAdminpass,BW_IMGWIG_setDisplay('BW_IMGWIG_tileContainer','none'),BW_IMGWIG_setDisplay('BW_IMGWIG_tileSingleImgContainer','block')),!1}function BW_IMGWIG_showTiles(){function e(e,_,I){var i,W=I%4+1;return i=1===W?'5px 0 5px 0':'5px 0 5px 10px',e+='<div class="BW_IMGWIG_tileImage" style="width: calc('+(Math.floor(100/4)-1)+'% - 10px); height: calc('+(Math.floor(100/4)-1)+'% - 10px); max-width: '+250+'px; max-height: '+250+'px; padding: '+i+"\"><img id=\"subimg_"+_+'" data-src="https://www.fotoboxperfekt.de/imgwidget/getpic.php?preview&id='+BW_IMGWIG_imgid+'&code='+BW_IMGWIG_imgcode+'&subimg='+_+'&adminpass='+BW_IMGWIG_imgAdminpass+'" class="swiper-lazy" onclick="return BW_IMGWIG_showTileDetails(\''+_+"');\" style=\"cursor: pointer\"><div class=\"swiper-lazy-preloader swiper-lazy-preloader-black\"></div></div>",W===4&&(e+='<br style="clear: both;">',W=0),e}BW_IMGWIG_deletedTiles=[],BW_IMGWIG_imgAdminpass?(BW_IMGWIG_setDisplay('BW_IMGWIG_admindivTileContainer','inline-block'),document.getElementById('BW_IMGWIG_tileWrapper').style.height='calc(100% - 35px)'):(BW_IMGWIG_setDisplay('BW_IMGWIG_admindivTileContainer','none'),document.getElementById('BW_IMGWIG_tileWrapper').style.height='100%'),document.getElementById('BW_IMGWIG_tileWrapper').style.maxWidth=4*250+10*(4-1)+'px',BW_IMGWIG_setDisplay('BW_IMGWIG_tilewin','inline'),BW_IMGWIG_setDisplay('BW_IMGWIG_tileContainer','block'),BW_IMGWIG_setDisplay('BW_IMGWIG_tileSingleImgContainer','none');for(var _=4*4,I=Math.ceil(BW_IMGWIG_imgcode_subimg.length/_),i='',W=0;W<I;W++){i+='<div class="swiper-slide">'+BW_IMGWIG_imgcode_subimg.slice(W*_,W*_+_).reduce(e,'')+'</div>'}BW_IMGWIG_setInnerHTML('BW_IMGWIG_tileWrapper',i),BW_IMGWIG_tilesSwiper=new Swiper("#BW_IMGWIG_tileContainer",{nextButton:".swiper-button-next",prevButton:".swiper-button-prev",spaceBetween:10,preloadImages:!1,lazyLoading:!0,lazyLoadingInPrevNext:!0,simulateTouch:!0,keyboardControl:!0,effect:'slide',direction:'horizontal'})}function BW_IMGWIG_closeTile(){BW_IMGWIG_setDisplay('BW_IMGWIG_tilewin','none'),BW_IMGWIG_setInnerHTML('BW_IMGWIG_tileWrapper',''),BW_IMGWIG_tilesSwiper.destroy(!0,!0)}var BW_IMGWIG_galleryTop,BW_IMGWIG_galleryThumbs,BW_IMGWIG_imgid='',BW_IMGWIG_imgcode='',BW_IMGWIG_imgcode_pass=!1,BW_IMGWIG_imgcode_subimg=[],BW_IMGWIG_imgcode_actualSubimg='',BW_IMGWIG_imgAdminpass='';document.write('<style> #BW_IMGWIG_main, #BW_IMGWIG_main * { font-family: Open Sans, Helvetica, Arial; } #BW_IMGWIG_main { width: 350px; text-align: center; } #BW_IMGWIG_main input { border: 1px solid #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 15px 8px; font-size: 20px; margin-bottom: 5px; box-sizing: border-box; width: 100%; height: auto; } #BW_IMGWIG_main input:hover { border: 1px solid #c00; } #BW_IMGWIG_main input[type="submit"] { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; outline: 0; background: #bf2b2b; color: #fff; font-weight: 700; cursor: pointer; border: 0; } #BW_IMGWIG_admindiv input[type="button"]:hover, #BW_IMGWIG_admindivTileContainer input[type="button"]:hover, #BW_IMGWIG_admindivTileSingle input[type="button"]:hover, #BW_IMGWIG_main input[type="submit"]:hover { background: #e50000; } #BW_IMGWIG_msgdiv { margin-top: 5px; } #BW_IMGWIG_msgimg { display: none; float: left; margin-right: 5px; } #BW_IMGWIG_msg { padding-top: 4px; font-size: 16px; color: #33a6e5; } #BW_IMGWIG_msg .errmsg, .BW_IMGWIG_mailerdiv_msg .errmsg { color: #e50000; } #BW_IMGWIG_imgwin, #BW_IMGWIG_tilewin { border: 5px solid #666; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; position: fixed; z-index: 999999; display: none; background: rgba(221, 221, 221, 0.9); text-align: center; top: 30px; left: 30px; height: calc(100% - 60px); width: calc(100% - 60px); } .BW_IMGWIG_closePopup { position: absolute; top: -24px; left: -24px; cursor: pointer; z-index: 9999999; } #BW_IMGWIG_img, #BW_IMGWIG_imgTile { margin: 0; padding: 0; border: 0; max-width: 100%; max-height: calc(100% - 50px); } #BW_IMGWIG_imgTile { margin: 10px 0 0; max-height: calc(100% - 60px); } #BW_IMGWIG_imgTile:hover { opacity: 0.6; } .BW_IMGWIG_actionbuttons { display: inline-block; } .BW_IMGWIG_actionbuttons a { display: inline-block; margin: 2px 10px 0 0; text-decoration: none; font-size: 80%; color: #000; } .BW_IMGWIG_actionbuttons a * { vertical-align: middle; } #BW_IMGWIG_admindiv, #BW_IMGWIG_admindivTileContainer, #BW_IMGWIG_admindivTileSingle { margin: 6px; vertical-align: middle; } #BW_IMGWIG_admindiv input[type="button"], #BW_IMGWIG_admindivTileContainer input[type="button"], #BW_IMGWIG_admindivTileSingle input[type="button"] { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #333; outline: 0; background: #bf2b2b; color: #fff; font-weight: 700; cursor: pointer; float: left; height: 35px; margin: 0 6px; font-size: 14.5px; } #BW_IMGWIG_admindiv input[type="button"].positive, #BW_IMGWIG_admindivTileContainer input[type="button"].positive, #BW_IMGWIG_admindivTileSingle input[type="button"].positive { background: #2bbf2b; } #BW_IMGWIG_admindiv input[type="button"].positive:hover, #BW_IMGWIG_admindivTileContainer input[type="button"].positive:hover, #BW_IMGWIG_admindivTileSingle input[type="button"].positive:hover { background: #00e500; } #BW_IMGWIG_admindivTileContainer { margin-top: 0; } .BW_IMGWIG_mailerdiv, .BW_IMGWIG_mailerdiv form { flex-direction: row; justify-content: center; align-items: center; } .BW_IMGWIG_mailerdiv { margin: 6px auto; max-width: 350px; } .BW_IMGWIG_mailerdiv input { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border: none; border-color: transparent; padding: 4px 2px; box-sizing: border-box; } .BW_IMGWIG_mailerdiv form { border: 1px solid #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-sizing: border-box; margin-left: 10px; flex: 1; } .BW_IMGWIG_mailerdiv input[type="email"], .BW_IMGWIG_mailerdiv input[type="password"] { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; outline: 0; height: 35px; margin-right: 0; width: 0; min-width: 0; flex: 1; } #BW_IMGWIG_photoshare input[type="submit"], .BW_IMGWIG_mailerdiv input[type="submit"] { border: 1px solid #333; background: #bf2b2b; color: #fff; font-weight: 700; cursor: pointer; height: 35px; } .BW_IMGWIG_mailerdiv input[type="submit"] { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; outline: 0; } #BW_IMGWIG_photoshare input[type="submit"]:hover, .BW_IMGWIG_mailerdiv input[type="submit"]:hover { background: #e50000; } .BW_IMGWIG_mailerdiv_msg { display: none; } #BW_IMGWIG_msgdiv { text-align: center; } #BW_IMGWIG_photoshare { border: 5px solid #666; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; position: fixed; z-index: 999999; display: none; background: rgba(221, 221, 221, 0.9); text-align: center; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 60px); max-width: 350px; padding: 10px; height: 220px; } #BW_IMGWIG_photoshare input[type="submit"], #BW_IMGWIG_photoshare textarea { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; outline: 0; } #BW_IMGWIG_photoshare textarea { width: 100%; height: 80px; } #BW_IMGWIG_photoshare form, #BW_IMGWIG_photoshare input[type="submit"] { margin-top: 10px; } #BW_IMGWIG_photoshare input[type="submit"]:disabled { background: #ccc; border: 1px solid #333; } #BW_IMGWIG_galpass, #BW_IMGWIG_galwin, #BW_IMGWIG_mailer { border: 5px solid #666; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; position: fixed; z-index: 999999; display: none; background: rgba(221, 221, 221, 0.9); text-align: center; width: calc(100% - 60px); } #BW_IMGWIG_galpass, #BW_IMGWIG_mailer { -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 350px; height: 150px; font-size: 16px; left: 50%; top: 50%; padding: 10px; } #BW_IMGWIG_galpass input, #BW_IMGWIG_mailer input { font-size: 14.5px; } #BW_IMGWIG_galwin { top: 30px; left: 30px; padding: 0; height: calc(100% - 60px); } .display-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .display-none { display: none; } .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; } #BW_IMGWIG_tileContainer, #BW_IMGWIG_tileSingleImgContainer { height: calc(100% - 5px); } .gallery-top { height: calc(80% - 55px); width: 100%; } .gallery-top .swiper-slide img { position: absolute; left: 50%; top: 50%; width: auto; height: auto; max-width: 100%; max-height: 100%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 0; } .gallery-thumbs .swiper-slide { width: 15%; height: 100%; opacity: 0.4; } .gallery-thumbs .swiper-slide img { position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; } .gallery-thumbs .swiper-slide-active { opacity: 1; } #BW_IMGWIG_tileWrapper { width: 100%; height: 100%; margin: 0 auto; } #BW_IMGWIG_tileWrapper .BW_IMGWIG_tileImage { float: left; display: flex; justify-content: center; align-items: center; } #BW_IMGWIG_tileWrapper .BW_IMGWIG_tileImage img { max-width: 100%; max-height: 100%; } #BW_IMGWIG_tileSingleImgContainer #BW_IMGWIG_imgTileCloser { position: absolute; visibility: hidden; top: 0; left: 0; width: 100%; text-align: center; padding: 0; } #BW_IMGWIG_tileSingleImgContainer #BW_IMGWIG_imgTileCloser img { margin: 0; } </style> <div id="BW_IMGWIG_main"> <form onsubmit="return BW_IMWIG_submit()"> <input id="BW_IMGWIG_imgcode" type="text" placeholder="Hier den Bildcode eingeben" required bw_imgwig_codeextra> <br> <input type="submit" value="Bild anzeigen"> </form> <div id="BW_IMGWIG_msgdiv"> <img id="BW_IMGWIG_msgimg" src="https://www.fotoboxperfekt.de/imgwidget/loader.gif"> <div id="BW_IMGWIG_msg"></div> </div> </div> <div id="BW_IMGWIG_imgwin"> <img class="BW_IMGWIG_closePopup" src="https://www.fotoboxperfekt.de/imgwidget/widget-close.png" onclick="BW_IMGWIG_closeImg()"> <img id="BW_IMGWIG_img"> <br> <div class="BW_IMGWIG_actionbuttons"> <a target="_blank" href="" onclick="BW_IMGWIG_startDownload(this)" title="Download in fullsize"> <img src="https://www.fotoboxperfekt.de/imgwidget/download.png"> Download </a> <a href="" onclick="return BW_IMGWIG_startMailer();"> <img src="https://www.fotoboxperfekt.de/imgwidget/email.png"> per eMail </a> <a> <!-- <a href="" onclick="return BW_IMGWIG_FB_startUpload();">--> <img src="https://www.fotoboxperfekt.de/imgwidget/FB-Logo.png"> Facebook <i>(in Kürze)</i> </a> </div> </div> <div id="BW_IMGWIG_galwin"> <img class="BW_IMGWIG_closePopup" src="https://www.fotoboxperfekt.de/imgwidget/widget-close.png" onclick="BW_IMGWIG_closeGal()"> <div class="swiper-container gallery-top"> <div id="gallery-top-wrapper" class="swiper-wrapper"></div> <div class="swiper-button-next swiper-button-black"></div> <div class="swiper-button-prev swiper-button-black"></div> </div> <div id="BW_IMGWIG_admindiv"> <input type="button" value="Bild entfernen" onclick="BW_IMGWIG_delImage(BW_IMGWIG_delImageSuccess)"> <input type="button" value="gesamte Galerie freigeben" class="positive" onclick="BW_IMGWIG_freeGal(BW_IMGWIG_closeGal)"> </div> <div class="BW_IMGWIG_actionbuttons"> <a target="_blank" href="" onclick="BW_IMGWIG_startDownload(this)" title="Download in fullsize"> <img src="https://www.fotoboxperfekt.de/imgwidget/download.png"> Download </a> <a href="" onclick="return BW_IMGWIG_startMailer();"> <img src="https://www.fotoboxperfekt.de/imgwidget/email.png"> per eMail </a> <a> <!-- <a href="" onclick="return BW_IMGWIG_FB_startUpload();">--> <img src="https://www.fotoboxperfekt.de/imgwidget/FB-Logo.png"> Facebook <i>(in Kürze)</i> </a> </div> <div class="swiper-container gallery-thumbs"> <div id="gallery-thumb-wrapper" class="swiper-wrapper"></div> </div> <link rel="stylesheet" href="https://www.fotoboxperfekt.de/imgwidget/swiper/swiper.min.css"> <script type="text/javascript" src="https://www.fotoboxperfekt.de/imgwidget/swiper/swiper.min.js" defer="defer"></script> </div> <div id="BW_IMGWIG_tilewin"> <img class="BW_IMGWIG_closePopup" src="https://www.fotoboxperfekt.de/imgwidget/widget-close.png" onclick="BW_IMGWIG_closeTile()"> <div id="BW_IMGWIG_tileContainer"> <div id="BW_IMGWIG_tileWrapper" class="swiper-wrapper"></div> <div class="swiper-button-next swiper-button-black"></div> <div class="swiper-button-prev swiper-button-black"></div> <div id="BW_IMGWIG_admindivTileContainer"> <input type="button" value="gesamte Galerie freigeben" class="positive" onclick="BW_IMGWIG_freeGal(BW_IMGWIG_closeTile)"> </div> </div> <div id="BW_IMGWIG_tileSingleImgContainer"> <!-- <img src="https://www.fotoboxperfekt.de/imgwidget/back.png" onclick="BW_IMGWIG_closeTileImg()"><br> --> <div id="BW_IMGWIG_imgTileCloser"> <img src="https://www.fotoboxperfekt.de/imgwidget/back.png"> </div> <img id="BW_IMGWIG_imgTile" onclick="BW_IMGWIG_closeTileImg()" onmouseover="showImgTileCloser()" onmouseout="hideImgTileCloser()"> <br> <div id="BW_IMGWIG_admindivTileSingle"> <input type="button" value="Bild entfernen" onclick="BW_IMGWIG_delImage(BW_IMGWIG_delTileImageSuccess)"> <!-- <input type="button" value="gesamte Galerie freigeben" class="positive" onclick="BW_IMGWIG_freeGal(BW_IMGWIG_closeTileImg)">--> </div> <div class="BW_IMGWIG_actionbuttons"> <a target="_blank" href="" onclick="BW_IMGWIG_startDownload(this)" title="Download in fullsize"> <img src="https://www.fotoboxperfekt.de/imgwidget/download.png"> Download </a> <a href="" onclick="return BW_IMGWIG_startMailer();"> <img src="https://www.fotoboxperfekt.de/imgwidget/email.png"> per eMail </a> <a> <!-- <a href="" onclick="return BW_IMGWIG_FB_startUpload();">--> <img src="https://www.fotoboxperfekt.de/imgwidget/FB-Logo.png"> Facebook <i>(in Kürze)</i> </a> </div> </div> <!-- <link rel="stylesheet" href="https://www.fotoboxperfekt.de/imgwidget/swiper/swiper.min.css">--> <script type="text/javascript" src="https://www.fotoboxperfekt.de/imgwidget/swiper/swiper.min.js" defer="defer"></script> </div> <div id="BW_IMGWIG_mailer"> <img class="BW_IMGWIG_closePopup" src="https://www.fotoboxperfekt.de/imgwidget/widget-close.png" onclick="BW_IMGWIG_closeMailer()"> Bitte geben Sie die eMail-Adresse an, an welche das Bild gesendet werden soll.<div id="BW_IMGWIG_mailerdiv" class="BW_IMGWIG_mailerdiv"> <form onsubmit="return BW_IMGWIG_sendmail();" class="display-flex"> <input id="BW_IMGWIG_email" type="email" placeholder="an diese eMail-Adresse versenden" required> <input type="submit" value="Senden"> </form> </div> <div id="BW_IMGWIG_mailerdiv_msg" class="BW_IMGWIG_mailerdiv_msg"></div> </div> <div id="BW_IMGWIG_galpass"> <img class="BW_IMGWIG_closePopup" src="https://www.fotoboxperfekt.de/imgwidget/widget-close.png" onclick="BW_IMGWIG_closeGalPass()"> Diese Galerie ist (noch) gesperrt und kann nur mit dem entsprechenden Admin-Passwort angezeigt werden.<div id="BW_IMGWIG_mailerdiv_gallpass" class="BW_IMGWIG_mailerdiv" class="display-flex"> <form onsubmit="return BW_IMGWIG_galPass();" class="display-flex"> <input id="BW_IMGWIG_pass_gal" type="password" placeholder="Administrator - Passwort" required> <input type="submit" value="Senden"> </form> </div> <div id="BW_IMGWIG_mailerdiv_msg_gallpass" class="BW_IMGWIG_mailerdiv_msg"></div> </div> <div id="BW_IMGWIG_photoshare"> <img class="BW_IMGWIG_closePopup" src="https://www.fotoboxperfekt.de/imgwidget/widget-close.png" onclick="BW_IMGWIG_closePhotoShare()"> <b>Foto auf Facebook hinzufügen</b> <form onsubmit="return BW_IMGWIG_FB_doUpload();">Bild - Beschreibung:<textarea id="BW_IMGWIG_photoshare_text" placeholder="Hier Deine Bild-Beschreibung einfügen.&#10; Bitte erwähne dabei auch #FotoBoxPerfekt." required></textarea> <br> <input id="BW_IMGWIG_photoshare_submit" type="submit" value="Senden"> </form> <div id="BW_IMGWIG_mailerdiv_msg_photoshare" class="BW_IMGWIG_mailerdiv_msg"></div> </div>');var BW_IMGWIG_tilesSwiper,BW_IMGWIG_deletedTiles=[];