summaryrefslogtreecommitdiffstats
path: root/application/views/file/fragments
diff options
context:
space:
mode:
authorFlorian Pritz <bluewind@xinu.at>2016-07-21 19:01:47 +0200
committerFlorian Pritz <bluewind@xinu.at>2016-07-21 19:01:47 +0200
commit0db79529d129dd4fe1e9b7bf823e07510c806bd4 (patch)
tree758308bb93f37f84641032c96d88f6d21a443bec /application/views/file/fragments
parent6d6232b8652d980621a797b0b3f0178c8f14630d (diff)
history: Disable lazy loading for the first 42 thumbnails
This speeds up the initial rendering of the page. For a long history (> ~1000 items) the lazyloading JS creates a noticeable delay (>500ms) depending on the cpu power of the machine. Disable lazy loading for the first items so that these are loaded normally by the browser parallel to the scripts execution. Signed-off-by: Florian Pritz <bluewind@xinu.at>
Diffstat (limited to 'application/views/file/fragments')
-rw-r--r--application/views/file/fragments/thumbnail.php18
1 files changed, 14 insertions, 4 deletions
diff --git a/application/views/file/fragments/thumbnail.php b/application/views/file/fragments/thumbnail.php
index 8bb7f6aea..82d0743fb 100644
--- a/application/views/file/fragments/thumbnail.php
+++ b/application/views/file/fragments/thumbnail.php
@@ -5,9 +5,12 @@ $base_url = site_url();
if (substr($base_url, -1) !== "/") {
$base_url .= "/";
}
+$counter = 0;
?>
<div class="upload_thumbnails"><!--
- <?php foreach($items as $key => $item): ?>
+ <?php foreach($items as $key => $item):
+ $counter++;
+ ?>
--><a
<?php if (strpos($item["mimetype"], "image/") === 0) {?>rel="gallery" class="colorbox"<?php } ?>
data-orientation="<?php echo $item["orientation"]; ?>"
@@ -15,9 +18,16 @@ if (substr($base_url, -1) !== "/") {
title="<?php echo htmlentities($item["filename"], ENT_QUOTES); ?>"
data-content="<?php echo htmlentities($item["tooltip"], ENT_QUOTES); ?>"
data-id="<?php echo $item["id"]; ?>"><!--
- --><img class="thumb lazyload"
- data-original="<?php echo $base_url."file/thumbnail/".$item["id"]; ?>"
- ><!--
+ --><?php if ($counter > 42) {
+ ?><img
+ class="thumb lazyload"
+ data-original="<?php echo $base_url."file/thumbnail/".$item["id"]; ?>"
+ ><?php
+ } else {
+ ?><img
+ class="thumb"
+ src="<?php echo $base_url."file/thumbnail/".$item["id"]; ?>"><?php
+ } ?><!--
--><noscript><img class="thumb" src="<?php echo $base_url."file/thumbnail/".$item["id"]; ?>"></noscript></a><!--
<?php endforeach; ?>
-->