Galleries/PHPGallery
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/image-gallery.git synced 2025-05-28 14:23:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Lower resolution image preview

Browse source
This commit is contained in:
Michał Gdula 2022-09-09 15:37:34 +00:00
parent 3847020ae7
commit 41d98a7d47
8 changed files with 190 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

28
image.php
View file

@ -128,13 +128,31 @@
} else {
$privilaged = False;
}
?>
<div class="image-container">
<img class='image' id='<?php echo $image['id']; ?>' src='<?php echo $image_path; ?>' alt='<?php echo $image_alt; ?>'>
</div>
if (is_file("images/previews/".$image['imagename'])) {
echo "<div class='image-container'>
<img class='image' id='".$image['id']."' src='images/previews/".$image['imagename']."' alt='".$image_alt."'>
<button class='preview-button' onclick='showFull()'>Show full quality</button>
</div>";
?>
<script>
function showFull() {
document.querySelector(".image").style.opacity = 0;
document.querySelector(".preview-button").style.display = "none";
setTimeout(function(){
document.querySelector(".image").src = "<?php echo $image_path;?>";
document.querySelector(".image").style.opacity = 1;
}, 500);
}
</script>
<?php
} else {
echo "<div class='image-container'>
<img class='image' id='".$image['id']."' src='".$image_path."' alt='".$image_alt."'>
</div>";
}
<?php
/*
|-------------------------------------------------------------
| Start of displaying all info on image