112 lines
No EOL
3.6 KiB
HTML
112 lines
No EOL
3.6 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||
|
||
<title>2014-05 - duckland.org's photo gallery</title>
|
||
<meta name="description" content="">
|
||
<meta name="author" content="Don Harper">
|
||
<meta name="viewport" content="width=device-width">
|
||
|
||
<link rel="stylesheet" href="../../../static/css/normalize.css">
|
||
<link rel="stylesheet" href="../../../static/themes/classic/galleria.classic.css">
|
||
<link rel="stylesheet" href="../../../static/css/style.css">
|
||
<style>
|
||
body::after{
|
||
position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
|
||
content:url(IMG_20140511_221843.jpg);
|
||
}</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<header>
|
||
<h1><a href="../../../">duckland.org's photo gallery</a></h1>
|
||
|
||
<nav id="menu">
|
||
<ul>
|
||
<li><a href="/photos/">Photos Home</a></li>
|
||
<li><a href="/">Home Page</a></li>
|
||
</ul>
|
||
</nav>
|
||
<div class="breadcrumb">
|
||
<h2>
|
||
<a href="../../">Travel</a> » <a href="../">Mexico</a> » <a href=".">2014-05</a></h2>
|
||
</div>
|
||
<hr>
|
||
</header>
|
||
|
||
<div id="main" role="main">
|
||
<div class="icons">
|
||
<a id="fullscreen"><img src="../../../static/img/fullscreen.png"
|
||
title="Fullscreen" alt="Fullscreen (f)" /></a>
|
||
</div>
|
||
<div id="gallery"></div>
|
||
|
||
|
||
|
||
|
||
<script src="../../../static/jquery-3.3.1.min.js"></script>
|
||
<script src="../../../static/galleria.min.js"></script>
|
||
<script src="../../../static/themes/classic/galleria.classic.min.js"></script>
|
||
<script src="../../../static/plugins/history/galleria.history.min.js"></script>
|
||
<script>
|
||
var data = [
|
||
{
|
||
title: "IMG_20140511_221843",
|
||
description: "<div class='film-meta'><abbr title='film speed'>800</abbr><abbr title='exposure'>1024/14560</abbr><abbr title='aperture'>2.39453125</abbr><abbr title='focal length'>4</abbr></div><abbr title='camera make and model'>LG Electronics LG-E980</abbr><abbr title='date'>Sun 11 May 2014 10:18:43 PM </abbr>",
|
||
thumb: "thumbnails/IMG_20140511_221843.jpg",
|
||
image: "IMG_20140511_221843.jpg"
|
||
},
|
||
{
|
||
title: "StartMexico",
|
||
description: "<div class='film-meta'></div><abbr title='camera make and model'>http://photogrid.org </abbr>",
|
||
thumb: "thumbnails/StartMexico.jpg",
|
||
image: "StartMexico.jpg"
|
||
},
|
||
]
|
||
|
||
Galleria.ready(function() {
|
||
/*
|
||
load thumbnails after gallery setup, and download has started
|
||
for the main images, but before the loading of map tiles starts
|
||
in the background. This ensures visible elements are prioritised
|
||
over non-visible elements
|
||
|
||
The choice to lazy load thumbnails in batches of 50 was not made
|
||
scientifically. Other numbers may yield better performance.
|
||
*/
|
||
this.lazyLoadChunks( 50 );
|
||
|
||
this.attachKeyboard({
|
||
right: this.next,
|
||
left: this.prev,
|
||
/* Toggle fullscreen display on press of 'f' key */
|
||
0x46: this.toggleFullscreen,
|
||
});
|
||
|
||
var gallery = this;
|
||
$('#fullscreen').click(function() {
|
||
gallery.toggleFullscreen();
|
||
});
|
||
|
||
$('.icons').appendTo(this.$('container'));
|
||
});
|
||
|
||
Galleria.configure({
|
||
imageCrop: false,
|
||
transition: "fade",
|
||
thumbnails: "lazy"
|
||
});
|
||
Galleria.run("#gallery", {dataSource: data});
|
||
|
||
</script>
|
||
</div>
|
||
<footer>
|
||
<p>
|
||
<span>© Don Harper</span>
|
||
<span>Generated by <a href="https://github.com/saimn/sigal">sigal</a></span>
|
||
</p>
|
||
</footer> </div>
|
||
</body>
|
||
</html> |