minor fix
This commit is contained in:
Tom Canac
parent
2a069b7dc3
commit
b12d3a288a
2 changed files with 155 additions and 150 deletions
6
js/lazy.js
Normal file
6
js/lazy.js
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
/*!
|
||||||
|
[be]Lazy.js - v1.1.3 - 2014.01.21
|
||||||
|
A lazy loading and multi-serving image script
|
||||||
|
(c) Bjoern Klinggaard - @bklinggaard - http://dinbror.dk/blazy
|
||||||
|
*/
|
||||||
|
var Blazy=function(c,h){function g(b){if(!h.querySelectorAll){var d=h.createStyleSheet();h.querySelectorAll=function(b,a,c,e,g){g=h.all;a=[];b=b.replace(/\[for\b/gi,"[htmlFor").split(",");for(c=b.length;c--;){d.addRule(b[c],"k:v");for(e=g.length;e--;)g[e].currentStyle.k&&a.push(g[e]);d.removeRule(0)}return a}}a=b||{};a.src=a.src||"data-src";a.multi=a.multi||!1;a.error=a.error||!1;a.offset=a.offset||100;a.success=a.success||!1;a.selector=a.selector||".b-lazy";a.separator=a.separator||"|";a.container=a.container?h.querySelectorAll(a.container):!1;a.errorClass=a.errorClass||"b-error";a.successClass=a.successClass||"b-loaded";q=a.src;u=1<c.devicePixelRatio;e=v(w,20);r=v(x,50);x();l(a.multi,function(b){if(b.width>=c.screen.width)return q=b.src,!1});y()}function w(){for(var b=0;b<k;b++){var d=m[b],t=-1!==(" "+d.className+" ").indexOf(" "+a.successClass+" "),f=d.getBoundingClientRect(),c=z+a.offset;if(0<=f.left&&f.right<=A+a.offset&&(0<=f.top&&f.top<=c||f.bottom<=c&&f.bottom>=0-a.offset)||t)t||B(d),m.splice(b,1),k--,b--}0===k&&g.prototype.destroy()}function B(b){if(0<b.offsetWidth&&0<b.offsetHeight){var d=b.getAttribute(q)||b.getAttribute(a.src);if(d){var d=d.split(a.separator),c=d[u&&1<d.length?1:0],d=new Image;l(a.multi,function(a){b.removeAttribute(a.src)});b.removeAttribute(a.src);d.onerror=function(){a.error&&a.error(b,"invalid");b.className=b.className+" "+a.errorClass};d.onload=function(){"img"===b.nodeName.toLowerCase()?b.src=c:b.setAttribute("style",'background-image: url("'+c+'");');b.className=b.className+" "+a.successClass;a.success&&a.success(b)};d.src=c}else a.error&&a.error(b,"missing"),b.className=b.className+" "+a.errorClass}}function C(b){b=h.querySelectorAll(b);for(var a=k=b.length;a--;m.unshift(b[a]));}function x(){var b=h.documentElement;z=c.innerHeight||b.clientHeight;A=c.innerWidth||b.clientWidth}function y(){C(a.selector);s&&(s=!1,a.container&&l(a.container,function(b){n(b,"scroll",e)}),n(c,"scroll",e),n(c,"resize",e),n(c,"resize",r));w()}function n(b,a,c){b.attachEvent?b.attachEvent&&b.attachEvent("on"+a,c):b.addEventListener(a,c,!1)}function p(b,a,c){b.detachEvent?b.detachEvent&&b.detachEvent("on"+a,c):b.removeEventListener(a,c,!1)}function l(b,a){if(b&&a)for(var c=b.length,f=0;f<c&&!1!==a(b[f],f);f++);}function v(a,c){var e=0;return function(){var f=+new Date;f-e<c||(e=f,a.apply(this,arguments))}}var q,a,A,z,u,s=!0,k=0,m=[],e,r;g.prototype.revalidate=function(){y()};g.prototype.load=function(b){-1===(" "+b.className+" ").indexOf(" "+a.successClass+" ")&&B(b)};g.prototype.destroy=function(){a.container&&l(a.container,function(a){p(a,"scroll",e)});p(c,"scroll",e);p(c,"resize",e);p(c,"resize",r);k=0;m.length=0;s=!0};return g}(window,document);
|
||||||
|
|
@ -10,160 +10,159 @@
|
||||||
<script src="<% gallery_root %>js/mootools.js"></script>
|
<script src="<% gallery_root %>js/mootools.js"></script>
|
||||||
<script src="<% gallery_root %>js/mediaboxAdv-1.3.4b.js"></script>
|
<script src="<% gallery_root %>js/mediaboxAdv-1.3.4b.js"></script>
|
||||||
<link rel="stylesheet" href="<% gallery_root %>css/mediaboxAdvWhite.css" type="text/css" media="screen" />
|
<link rel="stylesheet" href="<% gallery_root %>css/mediaboxAdvWhite.css" type="text/css" media="screen" />
|
||||||
|
<style type="text/css">
|
||||||
<style type="text/css">
|
html{
|
||||||
html{
|
font-size: 62.5%;
|
||||||
font-size: 62.5%;
|
|
||||||
}
|
|
||||||
.clear{clear:both;}
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
width: 100%;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
font-family:Helvetica, Arial, sans-serif;
|
|
||||||
background: #E7E6E0;
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
color: #333333;
|
|
||||||
font-weight: bold;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
margin: 20px 0 0 0;
|
|
||||||
font-family: Georgia, Lucida, serif;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
h1 a{
|
|
||||||
color: #CC2027;
|
|
||||||
}
|
|
||||||
body > header{
|
|
||||||
background-color:#FFF;
|
|
||||||
padding: 1px 0 0 0;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
#container, #innerheader{
|
|
||||||
max-width: <% gallery_width %>;
|
|
||||||
margin: 0px auto;
|
|
||||||
}
|
|
||||||
header aside{
|
|
||||||
padding: 2rem 0;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
nav {
|
|
||||||
font-size: 1.3em;
|
|
||||||
padding-top: 2rem;
|
|
||||||
}
|
|
||||||
body > nav {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
#folder_comment
|
|
||||||
{
|
|
||||||
margin-bottom:10px;
|
|
||||||
}
|
|
||||||
#folder_comment a {
|
|
||||||
color: #FFCC11;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#gallery {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
#gallery li, #gallery li img {
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
#gallery li {
|
|
||||||
float: left;
|
|
||||||
position: relative;
|
|
||||||
overflow:hidden;
|
|
||||||
margin: .5%;
|
|
||||||
-webkit-box-shadow: 0px 0px 2px -1px #000;
|
|
||||||
box-shadow: 0px 0px 2px -1px #000;
|
|
||||||
}
|
|
||||||
#gallery li img{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
#gallery em {
|
|
||||||
background: #FFF;
|
|
||||||
text-align: center;
|
|
||||||
font-style: normal;
|
|
||||||
padding: 8px 0px;
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
bottom:0px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
footer {
|
|
||||||
margin: 25px 0px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
footer a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
/*----responsive----*/
|
|
||||||
#gallery li {
|
|
||||||
width: 24%;
|
|
||||||
height: 0;
|
|
||||||
padding-bottom: 24%;
|
|
||||||
}
|
|
||||||
@media (max-width: 1000px) {
|
|
||||||
#gallery li {
|
|
||||||
width: 32%;
|
|
||||||
padding-bottom: 32%;
|
|
||||||
}
|
}
|
||||||
}
|
.clear{clear:both;}
|
||||||
@media (max-width: 800px) {
|
body {
|
||||||
#gallery li {
|
margin: 0;
|
||||||
width: 48%;
|
padding: 0;
|
||||||
padding-bottom: 48%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width: 450px) {
|
|
||||||
#gallery li {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-bottom: 100%;
|
font-size: 1.5rem;
|
||||||
|
font-family:Helvetica, Arial, sans-serif;
|
||||||
|
background: #E7E6E0;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #333333;
|
||||||
|
font-weight: bold;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
margin: 20px 0 0 0;
|
||||||
|
font-family: Georgia, Lucida, serif;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
h1 a{
|
||||||
|
color: #CC2027;
|
||||||
|
}
|
||||||
|
body > header{
|
||||||
|
background-color:#FFF;
|
||||||
|
padding: 1px 0 0 0;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
#container, #innerheader{
|
||||||
|
max-width: <% gallery_width %>;
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
header aside{
|
||||||
|
padding: 2rem 0;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
nav {
|
||||||
|
font-size: 1.3em;
|
||||||
|
padding-top: 2rem;
|
||||||
|
}
|
||||||
|
body > nav {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#folder_comment
|
||||||
|
{
|
||||||
|
margin-bottom:10px;
|
||||||
|
}
|
||||||
|
#folder_comment a {
|
||||||
|
color: #FFCC11;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
#gallery {
|
||||||
<header role="banner">
|
list-style: none;
|
||||||
<div id="innerheader">
|
margin: 0;
|
||||||
<h1><a href="<% gallery_root %>"><% title %></a></h1>
|
padding: 0;
|
||||||
<% messages %>
|
}
|
||||||
<nav role="navigation"><% breadcrumb_navigation %></nav>
|
#gallery li, #gallery li img {
|
||||||
<aside><% folder_comment %></aside>
|
border-radius: 4px;
|
||||||
</div>
|
}
|
||||||
</header>
|
#gallery li {
|
||||||
|
float: left;
|
||||||
|
position: relative;
|
||||||
|
overflow:hidden;
|
||||||
|
margin: .5%;
|
||||||
|
-webkit-box-shadow: 0px 0px 2px -1px #000;
|
||||||
|
box-shadow: 0px 0px 2px -1px #000;
|
||||||
|
}
|
||||||
|
#gallery li img{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
#gallery em {
|
||||||
|
background: #FFF;
|
||||||
|
text-align: center;
|
||||||
|
font-style: normal;
|
||||||
|
padding: 8px 0px;
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
bottom:0px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
margin: 25px 0px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
footer a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
/*----responsive----*/
|
||||||
|
#gallery li {
|
||||||
|
width: 24%;
|
||||||
|
height: 0;
|
||||||
|
padding-bottom: 24%;
|
||||||
|
}
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
#gallery li {
|
||||||
|
width: 32%;
|
||||||
|
padding-bottom: 32%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 800px) {
|
||||||
|
#gallery li {
|
||||||
|
width: 48%;
|
||||||
|
padding-bottom: 48%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 450px) {
|
||||||
|
#gallery li {
|
||||||
|
width: 100%;
|
||||||
|
padding-bottom: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
<main id="container">
|
<body>
|
||||||
|
<header role="banner">
|
||||||
|
<div id="innerheader">
|
||||||
|
<h1><a href="<% gallery_root %>"><% title %></a></h1>
|
||||||
|
<% messages %>
|
||||||
|
<nav role="navigation"><% breadcrumb_navigation %></nav>
|
||||||
|
<aside><% folder_comment %></aside>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
<ul id="gallery">
|
<main id="container">
|
||||||
<% thumbnails %>
|
|
||||||
</ul>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<div class="clear"></div>
|
<ul id="gallery">
|
||||||
<nav role="navigation"><% page_navigation %></nav>
|
<% thumbnails %>
|
||||||
<!-- CREDITS - DO NOT REMOVE OR YOU WILL VOID MiniGal Nano TERMS OF USE -->
|
</ul>
|
||||||
<footer role="contentinfo">
|
</main>
|
||||||
Gallery by <% author %>.
|
|
||||||
<a href="https://github.com/tmos/miniboardnano" title="Powered by MiniGal Nano" target="_blank">
|
<div class="clear"></div>
|
||||||
Made with miniboardNano by Tom Canac.
|
<nav role="navigation"><% page_navigation %></nav>
|
||||||
</a>
|
<!-- CREDITS - DO NOT REMOVE OR YOU WILL VOID MiniGal Nano TERMS OF USE -->
|
||||||
<a href="http://tomcanac.com/miniboardnano/" title="Tom Canac" target="_blank">
|
<footer role="contentinfo">
|
||||||
Board theme by Tom Canac.
|
Gallery by <% author %>.
|
||||||
</a>
|
<a href="https://github.com/tmos/miniboardnano" title="Powered by MiniGal Nano" target="_blank">
|
||||||
<a title="<% title %> RSS" href="rss/" />
|
Made with miniboardNano by Tom Canac.
|
||||||
RSS
|
</a>
|
||||||
<a>
|
<a href="http://tomcanac.com/miniboardnano/" title="Tom Canac" target="_blank">
|
||||||
</footer>
|
Board theme by Tom Canac.
|
||||||
</body>
|
</a>
|
||||||
|
<a title="<% title %> RSS" href="rss/" />
|
||||||
|
RSS
|
||||||
|
<a>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue