Knah-Tsaeb/MyShaarli
Knah-Tsaeb/MyShaarli
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Lazy load images with the light lib bLazy.js instead of jQuery:

Browse source 
* Remove jquery.lazyload lib
  * Add blazy lib
  * Add a bit of CSS animation
  * Delete unused picwall2 template
This commit is contained in:
ArthurHoaro 2015-03-01 10:47:01 +01:00
parent 7572cfbe96
commit 34047d23fb
9 changed files with 256 additions and 280 deletions

12
tpl/picwall.html
View file

@ -1,11 +1,7 @@
<!DOCTYPE html>
<html>
<head>{include="includes"}
{if="empty($GLOBALS['disablejquery'])"}
<script src="inc/jquery-1.11.2.min.js#"></script>
<script src="inc/jquery-ui-1.11.2.min.js#"></script>
<script src="inc/jquery.lazyload-1.9.3.min.js#"></script>
{/if}
<script src="inc/blazy-1.3.1.min.js#"></script>
</head>
<body>
<div id="pageheader">{include="page.header"}</div>
@ -20,12 +16,8 @@
</div>
{include="page.footer"}
{if="empty($GLOBALS['disablejquery'])"}
<script>
$(document).ready(function() {
$("img.lazyimage").show().lazyload();
});
var bLazy = new Blazy();
</script>
{/if}
</body>
</html>

19
tpl/picwall2.html
View file

@ -1,19 +0,0 @@
<!DOCTYPE html>
<html>
<head>{include="includes"}</head>
<body>
<div id="pageheader">{include="page.header"}</div>
<div style="background-color:#003;">
{loop="linksToDisplay"}
<div style="float:left;width:48%;border-right:2px solid white;height:120px;overflow:hide;">
<div style="float:left;width:120px;text-align:center">{$value.thumbnail}</div>
<a href="{$value.permalink}" style="color:yellow;font-weight:bold;text-decoration:none;">{$value.title|htmlspecialchars}</a><br>
<span style="font-size:8pt;color:#eee;">{$value.description|htmlspecialchars}</span>
<div style="clear:both;"></div>
</div><br>
{/loop}
</div>
{include="page.footer"}
</body>
</html>