Mineralienatlas - Gallerie

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Mineralienatlas Galerie mit Mineral-, Fossil-, Gestein- und Lokationsbildern."> <meta name="viewport" content="width=980" /> <link rel="alternate" hreflang="en" href="https://www.mineralienatlas.de/lexikon/gallery/gallery.php?lang=en&language=english" /> <link rel="alternate" hreflang="x-default" href="https://www.mineralienatlas.de/lexikon/gallery/gallery.php?lang=en&language=english" /> <link rel="alternate" hreflang="de" href="https://www.mineralienatlas.de/lexikon/gallery/gallery.php?lang=de&language=german" /> <title>Mineralienatlas - Gallerie</title> <link rel="stylesheet" href="./css/jquery.galereya.css"> <link rel="stylesheet" type="text/css" href="/css/style.css" />  <link rel="stylesheet" href="/javascripts/HighSlide/highslide/highslide.css" type="text/css" /> <script src="/javascripts/HighSlide/highslide/highslide-full.packed.js" type="text/javascript"></script> <script type="text/javascript">  </script> <style> body { font-family: 'Scada', sans-serif; background: #f6f6f6; color: #212121; } .highslide { -webkit-transform: translate3d(0,0,0); z-index: 9000; } .highslide-move a:link, .highslide-move a:visited, .highslide-close a:link, .highslide-close a:visited { color: #356; } /* Normal, standard links. */ a:link, a:visited { color: #cdf; text-decoration: none; } a:hover { text-decoration: underline; cursor: pointer; } .galereya-top { position: fixed; background: #f6f6f6; background: rgba(246, 246, 246, 0.7); } .galereya.ex1 { max-width: 1280px; margin: auto; } //.galereya.ex1 .galereya-cell-desc { display: none; } .galereya-slider.ex1 .galereya-slider-play, .galereya-slider.ex1 .galereya-slider-close { top: auto; bottom: 0; } .galereya.ex1 .galereya-cell:hover .galereya-cell-desc { bottom: 0px; opacity: .7; margin: 0px; padding: 2px; } .back { position: fixed; top: 7px; left: 50%; margin-left: -100px; width: 200px; color: #fff; text-color: #fff; z-index: 990; background: #fff; height: 20px; text-align: center; font-size: 17px; padding-top: 2px; opacity: .6; padding-top: 4px; -webkit-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: 0 0 5px 0 rgba(d, d, d, .7); box-shadow: 0 0 5px 0 rgba(d, d, d, .7); } .end { position: fixed; bottom: 7px; left: 50%; margin-left: -100px; width: 200px; color: #fff; text-color: #fff; z-index: 900; background: #fff; height: 20px; text-align: center; font-size: 17px; padding-top: 2px; opacity: .6; padding-top: 4px; -webkit-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: 0 0 5px 0 rgba(d, d, d, .7); box-shadow: 0 0 5px 0 rgba(d, d, d, .7); display: none; } /* Normal, standard links. */ .back a:link, .back a:visited, .end a:link, .end a:visited { color: #000; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } body { background-color: black; } div.menumore { display: none; } </style> <script src="./js/jquery.min.js"></script> <script type="text/javascript"> var go = 1; var nn = 2; var toend = 0; $(window).scroll(function(){ if ($(window).scrollTop() > ($(document).height() - $(window).height() - 2000)){ //document.getElementById('text').innerHTML = "<p>"+$(window).scrollTop()+"ende</p>"; //if(go && $(document).height() < 10000) { if(go) { $.getJSON('json.php?start='+nn+'&best=1', function (data, callback) { if (data[0]) { gallery.loadMore(data); if(callback != undefined) { setTimeout(function(){ nn++; go = 1; }, 1000); } } else { toend = 1; } }); go = 0; } else if ($(document).height() >= 10000) { //alert('Next Page'); } } if (($(window).scrollTop() > ($(document).height() - $(window).height() - 100)) && (toend == 1)){ document.getElementById('end').style.display = 'block'; } else { document.getElementById('end').style.display = 'none'; } }); function getWindowHeight() { if (window.self && self.innerHeight) {return self.innerHeight;} if (document.documentElement && document.documentElement.clientHeight) {return document.documentElement.clientHeight;} return 0; } function getWindowWidth() { if (window.self && self.innerWidth) {return self.innerWidth;} if (document.documentElement && document.documentElement.clientWidth) {return document.documentElement.clientWidth;} return 0; } </script> </head> <body> <div class="back"><a style="display: block;" href="/index.php">Startseite</a></div> <div id="gallery"></div> <script type="text/javascript"> window.jQuery || document.write('<script src="./js/jquery.galereya.js"><\/script>'); </script> <script type="text/javascript" src="./js/jquery.galereya.js"></script> <script type="text/javascript"> var gallery = $('#gallery').galereya({ modifier: 'ex1', spacing: 0, onCellClick: function (e) { var menues = document.getElementsByClassName('menumore'), i; for (var i = 0; i < menues.length; i ++) { menues[i].style.display = 'block'; } }, sliderClose: function (e) { var menues = document.getElementsByClassName('menumore'), i; for (var i = 0; i < menues.length; i ++) { menues[i].style.display = 'none'; } }, //disableSliderOnClick: true, load: function(next) { $.getJSON('json.php?start=1&best=1', function(data) { next(data); }); } }); </script> <div class="end" id="end"><a style="display: block;" href="/index.php">Ende</a></div> <script> var hostname = window.location.hostname; if (hostname != 'www.mineralienatlas.de'){ window.location.replace("https://www.mineralienatlas.de"); } </script> </body> </html>

CINXE.COM

Mineralienatlas - Gallerie