Design and Operation of LNG Ships
new Splide( ‘.splide’, {pagination: false} ).mount();
document.getElementById(‘fs-button’).addEventListener(‘click’, toggleFullScreen); var elem = document.querySelector(“.splide”); function toggleFullScreen() { if (!document.fullscreenElement) { elem.requestFullscreen(); } else { document.exitFullscreen(); } }
.splide__slide img {width: 100%; height: 100%; object-fit:contain; margin:0 auto}#fs-button{position:absolute; top:5px; right:5px; z-index:10;background: #242424;color: white;padding: 2px 7px;border-radius: 3px;border-width:0}.splide{background-color:lightgray; display:flex; align-items:center;}@media screen and (max-height: 300px) {.splide__slide img{max-height: 200px;}}@media screen and (max-height: 400px) {.splide__slide img{max-height: 300px;}} @media screen and (min-width: 800px) {.splide__slide {display:flex;align-items:center}.splide__slide img {height: 85%!important;}}
