diff options
| author | ArthurHoaro <arthur@hoa.ro> | 2015-03-01 10:47:01 +0100 |
|---|---|---|
| committer | ArthurHoaro <arthur@hoa.ro> | 2015-03-01 11:23:03 +0100 |
| commit | 34047d23fb5e09b6bc2728f0f8827eaa038f02ea (patch) | |
| tree | f13db75997d25db1cee52da3bd985259863e165b /tpl/picwall.html | |
| parent | 7572cfbe9620b13569ee47337f7015bcad119332 (diff) | |
| download | Shaarli-34047d23fb5e09b6bc2728f0f8827eaa038f02ea.tar.gz Shaarli-34047d23fb5e09b6bc2728f0f8827eaa038f02ea.tar.zst Shaarli-34047d23fb5e09b6bc2728f0f8827eaa038f02ea.zip | |
Lazy load images with the light lib bLazy.js instead of jQuery:
* Remove jquery.lazyload lib
* Add blazy lib
* Add a bit of CSS animation
* Delete unused picwall2 template
Diffstat (limited to 'tpl/picwall.html')
| -rw-r--r-- | tpl/picwall.html | 12 |
1 files changed, 2 insertions, 10 deletions
diff --git a/tpl/picwall.html b/tpl/picwall.html index d3cabb2d..ea1ef420 100644 --- a/tpl/picwall.html +++ b/tpl/picwall.html | |||
| @@ -1,11 +1,7 @@ | |||
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html> | 2 | <html> |
| 3 | <head>{include="includes"} | 3 | <head>{include="includes"} |
| 4 | {if="empty($GLOBALS['disablejquery'])"} | 4 | <script src="inc/blazy-1.3.1.min.js#"></script> |
| 5 | <script src="inc/jquery-1.11.2.min.js#"></script> | ||
| 6 | <script src="inc/jquery-ui-1.11.2.min.js#"></script> | ||
| 7 | <script src="inc/jquery.lazyload-1.9.3.min.js#"></script> | ||
| 8 | {/if} | ||
| 9 | </head> | 5 | </head> |
| 10 | <body> | 6 | <body> |
| 11 | <div id="pageheader">{include="page.header"}</div> | 7 | <div id="pageheader">{include="page.header"}</div> |
| @@ -20,12 +16,8 @@ | |||
| 20 | </div> | 16 | </div> |
| 21 | {include="page.footer"} | 17 | {include="page.footer"} |
| 22 | 18 | ||
| 23 | {if="empty($GLOBALS['disablejquery'])"} | ||
| 24 | <script> | 19 | <script> |
| 25 | $(document).ready(function() { | 20 | var bLazy = new Blazy(); |
| 26 | $("img.lazyimage").show().lazyload(); | ||
| 27 | }); | ||
| 28 | </script> | 21 | </script> |
| 29 | {/if} | ||
| 30 | </body> | 22 | </body> |
| 31 | </html> \ No newline at end of file | 23 | </html> \ No newline at end of file |