MyShaarli/tpl/picwall.html

<!DOCTYPE html>
<html>
<head>{include="includes"}
{if="empty($GLOBALS['disablejquery'])"}
	<script src="inc/jquery.lazyload.min.js#"></script>
{/if}
</head>
<body>
<div id="pageheader">{include="page.header"}</div>
<center>
<div class="picwall_container">
    {loop="linksToDisplay"}
    <div class="picwall_pictureframe">
	    {$value.thumbnail}<a href="{$value.permalink}"><span class="info">{$value.title|htmlspecialchars}</span></a>
    </div>
    {/loop}
</div>
</center>
{include="page.footer"}

{if="empty($GLOBALS['disablejquery'])"}
<script>
$(document).ready(function() {
    $("img.lazyimage").show().lazyload();
});
</script>
{/if}
</body>
</html>
Initial commit (version 0.0.40 beta) 2013-02-26 10:09:41 +01:00			`<!DOCTYPE html>`
			`<html>`
			`<head>{include="includes"}`
Create a personal themes for Shaarli. 2013-03-20 12:31:27 +01:00			`{if="empty($GLOBALS['disablejquery'])"}`
Added option to disable jQuery and heavy javascript Shaarli uses light Javascript in its normal operation, and some jQuery for some features (autocomplete in tags, QR-Code popup...). jQuery can be slow on small computers. An option has been added in configuration screen to disable javascript features which are hard on CPU. (Note that the Picture Wall is awfully heavy without jQuery.) (Side note: A LOT of users want Shaarli to work without javasript at all, if possible. That's why I try to use as few javascript as possible: It keeps Shaarli pages fast.) 2013-03-01 22:21:10 +01:00			`<script src="inc/jquery.lazyload.min.js#"></script>`
			`{/if}`
Initial commit (version 0.0.40 beta) 2013-02-26 10:09:41 +01:00			`</head>`
			`<body>`
			`<div id="pageheader">{include="page.header"}</div>`
			`<center>`
			`<div class="picwall_container">`
			`{loop="linksToDisplay"}`
			`<div class="picwall_pictureframe">`
			`{$value.thumbnail}<a href="{$value.permalink}"><span class="info">{$value.title\|htmlspecialchars}</span></a>`
			`</div>`
			`{/loop}`
			`</div>`
			`</center>`
			`{include="page.footer"}`
Move lazyload init inside the body tag 2013-03-10 19:04:48 +01:00
Create a personal themes for Shaarli. 2013-03-20 12:31:27 +01:00			`{if="empty($GLOBALS['disablejquery'])"}`
Initial commit (version 0.0.40 beta) 2013-02-26 10:09:41 +01:00			`<script>`
			`$(document).ready(function() {`
			`$("img.lazyimage").show().lazyload();`
			`});`
			`</script>`
Create a personal themes for Shaarli. 2013-03-20 12:31:27 +01:00			`{/if}`
Move lazyload init inside the body tag 2013-03-10 19:04:48 +01:00			`</body>`
Initial commit (version 0.0.40 beta) 2013-02-26 10:09:41 +01:00			`</html>`