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 | |
| 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')
| -rw-r--r-- | tpl/picwall.html | 12 | ||||
| -rw-r--r-- | tpl/picwall2.html | 19 |
2 files changed, 2 insertions, 29 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 |
diff --git a/tpl/picwall2.html b/tpl/picwall2.html deleted file mode 100644 index 44d08b0c..00000000 --- a/tpl/picwall2.html +++ /dev/null | |||
| @@ -1,19 +0,0 @@ | |||
| 1 | <!DOCTYPE html> | ||
| 2 | <html> | ||
| 3 | <head>{include="includes"}</head> | ||
| 4 | <body> | ||
| 5 | <div id="pageheader">{include="page.header"}</div> | ||
| 6 | <div style="background-color:#003;"> | ||
| 7 | {loop="linksToDisplay"} | ||
| 8 | <div style="float:left;width:48%;border-right:2px solid white;height:120px;overflow:hide;"> | ||
| 9 | <div style="float:left;width:120px;text-align:center">{$value.thumbnail}</div> | ||
| 10 | <a href="{$value.permalink}" style="color:yellow;font-weight:bold;text-decoration:none;">{$value.title|htmlspecialchars}</a><br> | ||
| 11 | <span style="font-size:8pt;color:#eee;">{$value.description|htmlspecialchars}</span> | ||
| 12 | <div style="clear:both;"></div> | ||
| 13 | </div><br> | ||
| 14 | {/loop} | ||
| 15 | </div> | ||
| 16 | |||
| 17 | {include="page.footer"} | ||
| 18 | </body> | ||
| 19 | </html> \ No newline at end of file | ||