rethinking /photos, pt 3
Don Harper
|
Before Width: | Height: | Size: 111 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 174 KiB |
|
Before Width: | Height: | Size: 188 KiB |
|
Before Width: | Height: | Size: 69 KiB |
|
|
@ -1,125 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>Las Vegas-2014-06</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(20140607094949.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="../">US</a> » <a href=".">Las Vegas-2014-06</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>
|
||||
|
||||
|
||||
</div>
|
||||
<footer>
|
||||
<p>
|
||||
<span>© Don Harper</span>
|
||||
<span>Generated by <a href="https://github.com/saimn/sigal">sigal</a></span>
|
||||
</p>
|
||||
</footer> </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: "20140607094949.jpg",
|
||||
description: "<br>Griffen<div class='film-meta'><abbr title='film speed'>400</abbr><abbr title='exposure'>1/2500</abbr><abbr title='aperture'>5.6</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sat 07 Jun 2014 09:49:49 AM </abbr>",
|
||||
thumb: "thumbnails/20140607094949.jpg",
|
||||
image: "20140607094949.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140607095037.jpg",
|
||||
description: "<br>Quiet Time<div class='film-meta'><abbr title='film speed'>400</abbr><abbr title='exposure'>1/320</abbr><abbr title='aperture'>5.6</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sat 07 Jun 2014 09:50:37 AM </abbr>",
|
||||
thumb: "thumbnails/20140607095037.jpg",
|
||||
image: "20140607095037.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140607232925.jpg",
|
||||
description: "<br>Wall<div class='film-meta'><abbr title='film speed'>5000</abbr><abbr title='exposure'>1/20</abbr><abbr title='aperture'>5.6</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sat 07 Jun 2014 11:29:25 PM </abbr>",
|
||||
thumb: "thumbnails/20140607232925.jpg",
|
||||
image: "20140607232925.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140607234122.jpg",
|
||||
description: "<br>Moon Over Tower<div class='film-meta'><abbr title='film speed'>5000</abbr><abbr title='exposure'>1/20</abbr><abbr title='aperture'>5.6</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sat 07 Jun 2014 11:41:22 PM </abbr>",
|
||||
thumb: "thumbnails/20140607234122.jpg",
|
||||
image: "20140607234122.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>
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 7.6 KiB |
|
Before Width: | Height: | Size: 153 KiB |
|
Before Width: | Height: | Size: 104 KiB |
|
Before Width: | Height: | Size: 180 KiB |
|
Before Width: | Height: | Size: 96 KiB |
|
Before Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 140 KiB |
|
Before Width: | Height: | Size: 101 KiB |
|
|
@ -1,143 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>Las Vegas-2015-06</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(20021208120000_1.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="../">US</a> » <a href=".">Las Vegas-2015-06</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>
|
||||
|
||||
|
||||
</div>
|
||||
<footer>
|
||||
<p>
|
||||
<span>© Don Harper</span>
|
||||
<span>Generated by <a href="https://github.com/saimn/sigal">sigal</a></span>
|
||||
</p>
|
||||
</footer> </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: "20021208120000_1.jpg",
|
||||
description: "<br>Cups To The Sky",
|
||||
thumb: "thumbnails/20021208120000_1.jpg",
|
||||
image: "20021208120000_1.jpg"
|
||||
},
|
||||
{
|
||||
title: "20021208120000_2.jpg",
|
||||
description: "<br>Las Vegas, Baby",
|
||||
thumb: "thumbnails/20021208120000_2.jpg",
|
||||
image: "20021208120000_2.jpg"
|
||||
},
|
||||
{
|
||||
title: "20021208120000.jpg",
|
||||
description: "<br>Leaving Vegas",
|
||||
thumb: "thumbnails/20021208120000.jpg",
|
||||
image: "20021208120000.jpg"
|
||||
},
|
||||
{
|
||||
title: "20150531194530.jpg",
|
||||
description: "<br>Hello, Las Vegas",
|
||||
thumb: "thumbnails/20150531194530.jpg",
|
||||
image: "20150531194530.jpg"
|
||||
},
|
||||
{
|
||||
title: "20150602214415.jpg",
|
||||
description: "<br>Room with a View",
|
||||
thumb: "thumbnails/20150602214415.jpg",
|
||||
image: "20150602214415.jpg"
|
||||
},
|
||||
{
|
||||
title: "20150603092013.jpg",
|
||||
description: "<br>Reflecting on Vegas I",
|
||||
thumb: "thumbnails/20150603092013.jpg",
|
||||
image: "20150603092013.jpg"
|
||||
},
|
||||
{
|
||||
title: "20150603092026.jpg",
|
||||
description: "<br>Reflecting on Vegas II",
|
||||
thumb: "thumbnails/20150603092026.jpg",
|
||||
image: "20150603092026.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>
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 6.7 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 86 KiB |
|
Before Width: | Height: | Size: 101 KiB |
|
Before Width: | Height: | Size: 64 KiB |
|
Before Width: | Height: | Size: 85 KiB |
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 84 KiB |
|
Before Width: | Height: | Size: 83 KiB |
|
Before Width: | Height: | Size: 90 KiB |
|
Before Width: | Height: | Size: 64 KiB |
|
Before Width: | Height: | Size: 117 KiB |
|
Before Width: | Height: | Size: 138 KiB |
|
Before Width: | Height: | Size: 145 KiB |
|
Before Width: | Height: | Size: 96 KiB |
|
Before Width: | Height: | Size: 171 KiB |
|
Before Width: | Height: | Size: 82 KiB |
|
Before Width: | Height: | Size: 134 KiB |
|
Before Width: | Height: | Size: 163 KiB |
|
Before Width: | Height: | Size: 88 KiB |
|
Before Width: | Height: | Size: 187 KiB |
|
Before Width: | Height: | Size: 89 KiB |
|
Before Width: | Height: | Size: 186 KiB |
|
Before Width: | Height: | Size: 64 KiB |
|
Before Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 175 KiB |
|
Before Width: | Height: | Size: 154 KiB |
|
Before Width: | Height: | Size: 85 KiB |
|
Before Width: | Height: | Size: 82 KiB |
|
Before Width: | Height: | Size: 95 KiB |
|
Before Width: | Height: | Size: 66 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 93 KiB |
|
|
@ -1,287 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>San Antonio-2014-07</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(20140703121845.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="../">US</a> » <a href=".">San Antonio-2014-07</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>
|
||||
|
||||
|
||||
</div>
|
||||
<footer>
|
||||
<p>
|
||||
<span>© Don Harper</span>
|
||||
<span>Generated by <a href="https://github.com/saimn/sigal">sigal</a></span>
|
||||
</p>
|
||||
</footer> </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: "20140703121845.jpg",
|
||||
description: "<br>Celling of Railroad Track Cafe<div class='film-meta'><abbr title='film speed'>400</abbr><abbr title='exposure'>1/100</abbr><abbr title='aperture'>3.0</abbr><abbr title='focal length'>4</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. VR325,VR320,D725</abbr><abbr title='date'>Thu 03 Jul 2014 12:18:45 PM </abbr>",
|
||||
thumb: "thumbnails/20140703121845.jpg",
|
||||
image: "20140703121845.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140703121911.jpg",
|
||||
description: "<br>Detail of Celling of Railroad Track Cafe<div class='film-meta'><abbr title='film speed'>400</abbr><abbr title='exposure'>1/15</abbr><abbr title='aperture'>3.0</abbr><abbr title='focal length'>4</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. VR325,VR320,D725</abbr><abbr title='date'>Thu 03 Jul 2014 12:19:11 PM </abbr>",
|
||||
thumb: "thumbnails/20140703121911.jpg",
|
||||
image: "20140703121911.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140703132247.jpg",
|
||||
description: "<br>Breakfront at Railroad Track Cafe<div class='film-meta'><abbr title='film speed'>400</abbr><abbr title='exposure'>1/40</abbr><abbr title='aperture'>5.099999904632568</abbr><abbr title='focal length'>16</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. VR325,VR320,D725</abbr><abbr title='date'>Thu 03 Jul 2014 01:22:47 PM </abbr>",
|
||||
thumb: "thumbnails/20140703132247.jpg",
|
||||
image: "20140703132247.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140703132721.jpg",
|
||||
description: "<br>Flatonia Buildings<div class='film-meta'><abbr title='film speed'>1600</abbr><abbr title='exposure'>1/1250</abbr><abbr title='aperture'>11.0</abbr><abbr title='focal length'>14</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Thu 03 Jul 2014 01:27:21 PM </abbr>",
|
||||
thumb: "thumbnails/20140703132721.jpg",
|
||||
image: "20140703132721.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140703180906.jpg",
|
||||
description: "<br>Detail of Awning<div class='film-meta'><abbr title='film speed'>1600</abbr><abbr title='exposure'>1/1600</abbr><abbr title='aperture'>11.0</abbr><abbr title='focal length'>35</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Thu 03 Jul 2014 06:09:06 PM </abbr>",
|
||||
thumb: "thumbnails/20140703180906.jpg",
|
||||
image: "20140703180906.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140703181024.jpg",
|
||||
description: "<br>Sunflower, XXIV<div class='film-meta'><abbr title='film speed'>1600</abbr><abbr title='exposure'>1/4000</abbr><abbr title='aperture'>11.0</abbr><abbr title='focal length'>42</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Thu 03 Jul 2014 06:10:24 PM </abbr>",
|
||||
thumb: "thumbnails/20140703181024.jpg",
|
||||
image: "20140703181024.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140703181320.jpg",
|
||||
description: "<br>Entrence to La Villita<div class='film-meta'><abbr title='film speed'>1600</abbr><abbr title='exposure'>1/500</abbr><abbr title='aperture'>11.0</abbr><abbr title='focal length'>41</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Thu 03 Jul 2014 06:13:20 PM </abbr>",
|
||||
thumb: "thumbnails/20140703181320.jpg",
|
||||
image: "20140703181320.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140703181517.jpg",
|
||||
description: "<br>Church In La Villita<div class='film-meta'><abbr title='film speed'>1600</abbr><abbr title='exposure'>1/320</abbr><abbr title='aperture'>7.099999904632568</abbr><abbr title='focal length'>14</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Thu 03 Jul 2014 06:15:17 PM </abbr>",
|
||||
thumb: "thumbnails/20140703181517.jpg",
|
||||
image: "20140703181517.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140703181611.jpg",
|
||||
description: "<br>Yellow!<div class='film-meta'><abbr title='film speed'>1600</abbr><abbr title='exposure'>1/400</abbr><abbr title='aperture'>8.0</abbr><abbr title='focal length'>14</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Thu 03 Jul 2014 06:16:11 PM </abbr>",
|
||||
thumb: "thumbnails/20140703181611.jpg",
|
||||
image: "20140703181611.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140703203418.jpg",
|
||||
description: "<br>Sneaking up on Día de los Muertos Party<div class='film-meta'><abbr title='film speed'>1600</abbr><abbr title='exposure'>1/40</abbr><abbr title='aperture'>2.799999952316284</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Thu 03 Jul 2014 08:34:18 PM </abbr>",
|
||||
thumb: "thumbnails/20140703203418.jpg",
|
||||
image: "20140703203418.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140703203717.jpg",
|
||||
description: "<br>Día de los Muertos Shop<div class='film-meta'><abbr title='film speed'>1600</abbr><abbr title='exposure'>1/100</abbr><abbr title='aperture'>3.200000047683716</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Thu 03 Jul 2014 08:37:17 PM </abbr>",
|
||||
thumb: "thumbnails/20140703203717.jpg",
|
||||
image: "20140703203717.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140704102958.jpg",
|
||||
description: "<br>Mission Wall<div class='film-meta'><abbr title='film speed'>1600</abbr><abbr title='exposure'>1/2500</abbr><abbr title='aperture'>11.0</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Fri 04 Jul 2014 10:29:58 AM </abbr>",
|
||||
thumb: "thumbnails/20140704102958.jpg",
|
||||
image: "20140704102958.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140704115156.jpg",
|
||||
description: "<br>Celling Details<div class='film-meta'><abbr title='film speed'>1600</abbr><abbr title='exposure'>1/80</abbr><abbr title='aperture'>4.0</abbr><abbr title='focal length'>14</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Fri 04 Jul 2014 11:51:56 AM </abbr>",
|
||||
thumb: "thumbnails/20140704115156.jpg",
|
||||
image: "20140704115156.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140704134921.jpg",
|
||||
description: "<br>Fig Ivy on Coral Wall<div class='film-meta'><abbr title='film speed'>1600</abbr><abbr title='exposure'>1/500</abbr><abbr title='aperture'>11.0</abbr><abbr title='focal length'>24</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Fri 04 Jul 2014 01:49:21 PM </abbr>",
|
||||
thumb: "thumbnails/20140704134921.jpg",
|
||||
image: "20140704134921.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140704215506.jpg",
|
||||
description: "<br>Preparing Fruit Drinks<div class='film-meta'><abbr title='film speed'>800</abbr><abbr title='exposure'>1/40</abbr><abbr title='aperture'>2.799999952316284</abbr><abbr title='focal length'>30</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Fri 04 Jul 2014 09:55:06 PM </abbr>",
|
||||
thumb: "thumbnails/20140704215506.jpg",
|
||||
image: "20140704215506.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140705100455.jpg",
|
||||
description: "<br>Arneson Theater Stage<div class='film-meta'><abbr title='film speed'>800</abbr><abbr title='exposure'>1/500</abbr><abbr title='aperture'>10.0</abbr><abbr title='focal length'>14</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sat 05 Jul 2014 10:04:55 AM </abbr>",
|
||||
thumb: "thumbnails/20140705100455.jpg",
|
||||
image: "20140705100455.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140705102834.jpg",
|
||||
description: "<br>Arneson Theater Bells<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>1/200</abbr><abbr title='aperture'>7.099999904632568</abbr><abbr title='focal length'>20</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sat 05 Jul 2014 10:28:34 AM </abbr>",
|
||||
thumb: "thumbnails/20140705102834.jpg",
|
||||
image: "20140705102834.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140705113156.jpg",
|
||||
description: "<br>Waiting on the Alamo<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>1/400</abbr><abbr title='aperture'>8.0</abbr><abbr title='focal length'>14</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sat 05 Jul 2014 11:31:56 AM </abbr>",
|
||||
thumb: "thumbnails/20140705113156.jpg",
|
||||
image: "20140705113156.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140706095606.jpg",
|
||||
description: "<br>Waterfall on River Walk<div class='film-meta'><abbr title='film speed'>3200</abbr><abbr title='exposure'>1/250</abbr><abbr title='aperture'>5.0</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 06 Jul 2014 09:56:06 AM </abbr>",
|
||||
thumb: "thumbnails/20140706095606.jpg",
|
||||
image: "20140706095606.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140706100802.jpg",
|
||||
description: "<br>Fence Topper<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>1/80</abbr><abbr title='aperture'>2.799999952316284</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 06 Jul 2014 10:08:02 AM </abbr>",
|
||||
thumb: "thumbnails/20140706100802.jpg",
|
||||
image: "20140706100802.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140706110237.jpg",
|
||||
description: "<br>La Villita Lights<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>1/125</abbr><abbr title='aperture'>7.099999904632568</abbr><abbr title='focal length'>42</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 06 Jul 2014 11:02:37 AM </abbr>",
|
||||
thumb: "thumbnails/20140706110237.jpg",
|
||||
image: "20140706110237.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140706110417.jpg",
|
||||
description: "<br>St. John's Lutheran Church, SA, TX<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>1/400</abbr><abbr title='aperture'>10.0</abbr><abbr title='focal length'>24</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 06 Jul 2014 11:04:17 AM </abbr>",
|
||||
thumb: "thumbnails/20140706110417.jpg",
|
||||
image: "20140706110417.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140706133615.jpg",
|
||||
description: "<br>Tower of the Americas<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>1/1000</abbr><abbr title='aperture'>11.0</abbr><abbr title='focal length'>14</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Sun 06 Jul 2014 01:36:15 PM </abbr>",
|
||||
thumb: "thumbnails/20140706133615.jpg",
|
||||
image: "20140706133615.jpg"
|
||||
},
|
||||
{
|
||||
title: "20140825073629.jpg",
|
||||
description: "<br>Fence at Sunrise<div class='film-meta'><abbr title='film speed'>200</abbr><abbr title='exposure'>1/200</abbr><abbr title='aperture'>4.5</abbr><abbr title='focal length'>19</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Mon 25 Aug 2014 07:36:29 AM </abbr>",
|
||||
thumb: "thumbnails/20140825073629.jpg",
|
||||
image: "20140825073629.jpg"
|
||||
},
|
||||
{
|
||||
title: "20150210212620.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>3200</abbr><abbr title='exposure'>1/80</abbr><abbr title='aperture'>4.8</abbr><abbr title='focal length'>82</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Tue 10 Feb 2015 09:26:20 PM </abbr>",
|
||||
thumb: "thumbnails/20150210212620.jpg",
|
||||
image: "20150210212620.jpg"
|
||||
},
|
||||
{
|
||||
title: "20150210231552.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>3200</abbr><abbr title='exposure'>1/20</abbr><abbr title='aperture'>4.0</abbr><abbr title='focal length'>40</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Tue 10 Feb 2015 11:15:52 PM </abbr>",
|
||||
thumb: "thumbnails/20150210231552.jpg",
|
||||
image: "20150210231552.jpg"
|
||||
},
|
||||
{
|
||||
title: "20150210231910.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>3200</abbr><abbr title='exposure'>1/80</abbr><abbr title='aperture'>5.0</abbr><abbr title='focal length'>27</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Tue 10 Feb 2015 11:19:10 PM </abbr>",
|
||||
thumb: "thumbnails/20150210231910.jpg",
|
||||
image: "20150210231910.jpg"
|
||||
},
|
||||
{
|
||||
title: "20150212224337.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>3200</abbr><abbr title='exposure'>1/10</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Thu 12 Feb 2015 10:43:37 PM </abbr>",
|
||||
thumb: "thumbnails/20150212224337.jpg",
|
||||
image: "20150212224337.jpg"
|
||||
},
|
||||
{
|
||||
title: "20150212224516.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>3200</abbr><abbr title='exposure'>1/40</abbr><abbr title='aperture'>3.799999952316284</abbr><abbr title='focal length'>17</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Thu 12 Feb 2015 10:45:16 PM </abbr>",
|
||||
thumb: "thumbnails/20150212224516.jpg",
|
||||
image: "20150212224516.jpg"
|
||||
},
|
||||
{
|
||||
title: "20150212225431.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>1600</abbr><abbr title='exposure'>1/25</abbr><abbr title='aperture'>3.5</abbr><abbr title='focal length'>14</abbr></div><abbr title='camera make and model'>OLYMPUS IMAGING CORP. E-M5</abbr><abbr title='date'>Thu 12 Feb 2015 10:54:31 PM </abbr>",
|
||||
thumb: "thumbnails/20150212225431.jpg",
|
||||
image: "20150212225431.jpg"
|
||||
},
|
||||
{
|
||||
title: "IMG_1726.jpg",
|
||||
description: "<div class='film-meta'><abbr title='film speed'>1600</abbr><abbr title='exposure'>1/250</abbr><abbr title='aperture'>5.0</abbr><abbr title='focal length'>12</abbr></div><abbr title='camera make and model'>Canon Canon PowerShot ELPH 320 HS</abbr><abbr title='date'>Tue 10 Feb 2015 01:22:55 PM </abbr>",
|
||||
thumb: "thumbnails/IMG_1726.jpg",
|
||||
image: "IMG_1726.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>
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 9.1 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 8.3 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 6.3 KiB |
|
Before Width: | Height: | Size: 8.6 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 8.8 KiB |
|
Before Width: | Height: | Size: 6.6 KiB |
|
Before Width: | Height: | Size: 13 KiB |