You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
3.8 KiB
67 lines
3.8 KiB
|
|
<div id="screenshots" class="js_slides screenshots">
|
|
<div class="frame js_frame">
|
|
<ul class="slides js_slides gallery">
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC09960.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC09898.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC09892.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot "><img src="/images/fon/Screenshot_20211015-213151_OsmAnd~.png" alt=""></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC09891.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/Screenshot_20211018-203310_Tor_Browser.png"></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC07936.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/Screenshot_20211124-134451_Trebuchet.png" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC07971.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/Screenshot_20211124-134517_Trebuchet.png" alt=""></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC07977.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC07999.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC08022.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC08037.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC08079.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC08095.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC08098.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC08101.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC08111.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC08118.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC09847.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC09876.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC09890.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC09965.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC09967.jpg" alt="" ></li>
|
|
<li class="js_slide screenshot"><img src="/images/fon/DSC09983.jpg" alt="" ></li>
|
|
</ul>
|
|
</div>
|
|
<span class="js_prev slider_nav prev" >
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 501.5 501.5"><g><path fill="#2E435A" d="M302.67 90.877l55.77 55.508L254.575 250.75 358.44 355.116l-55.77 55.506L143.56 250.75z"/></g></svg>
|
|
</span>
|
|
<span class="js_next slider_nav next">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 501.5 501.5"><g><path fill="#2E435A" d="M199.33 410.622l-55.77-55.508L247.425 250.75 143.56 146.384l55.77-55.507L358.44 250.75z"/></g></svg>
|
|
</span>
|
|
|
|
<small>Beispielbilder. Farben und Form der Hülle zufällig.</small>
|
|
</div>
|
|
<script src="lory.min.js"></script>
|
|
|
|
<script>
|
|
window.addEventListener('load', function () {
|
|
var slider = document.getElementById('screenshots');
|
|
if (slider == null) {
|
|
return;
|
|
}
|
|
|
|
// This class is used to display the entire slideshow differently if JS
|
|
// is enabled. The absense of the 'slider' class will force all images
|
|
// to be shown in a grid. The presence of it will show them inline and
|
|
// hide those which don't fit.
|
|
slider.className = slider.className + ' slider';
|
|
|
|
var toShow = slider.querySelectorAll('.slider_nav');
|
|
for (var i = 0; i < toShow.length; i ++) {
|
|
toShow[i].style.display = 'block';
|
|
}
|
|
|
|
lory(slider, {rewind: true, enableMouseEvents: true});
|
|
});
|
|
|
|
|
|
</script>
|