Close #471 : Add link in preview to full image size

This commit is contained in:
Knah Tsaeb 2024-03-19 16:37:46 +01:00
parent 8002d0fd35
commit 34b1e135c6
1 changed files with 11 additions and 11 deletions

View File

@ -54,8 +54,8 @@ use App\Utils\Domains;
<div class="w3-center w3-margin-top">
<div class="w3-bar">
<a href="?page=infos&start=<?= $previous; ?>&search=<?= $search ;?>" class="w3-teal w3-button">&laquo; Previous</a>
<a href="?page=infos&start=<?= $next; ?>&search=<?= $search ;?>" class="w3-teal w3-button">Next &raquo; </a>
<a href="?page=infos&start=<?= $previous; ?>" class="w3-teal w3-button">&laquo; Previous</a>
<a href="?page=infos&start=<?= $next; ?>" class="w3-teal w3-button">Next &raquo; </a>
</div>
</div>
</div>
@ -68,12 +68,12 @@ use App\Utils\Domains;
<img src="" id="fav" height="32px">
<a href="" id="titlePreview" target="_blanck"></a>
</p>
<img class="w3-border w3c-margin" src="" id="complete" width="45%">
<img class="w3-border w3c-margin" src="" id="full" width="35%">
<img class="w3-border w3c-margin" src="" id="hd" width="30%">
<img class="w3-border w3c-margin" src="" id="og" width="25%">
<img class="w3-border w3c-margin" src="" id="nhd" width="20%">
<img class="w3-border w3c-margin" src="" id="thumb" width="15%">
<img class="w3-border w3c-margin" src="" id="complete" width="45%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin" src="" id="full" width="35%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin" src="" id="hd" width="30%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin" src="" id="og" width="25%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin" src="" id="nhd" width="20%" onclick="fullNewtab(this.src);">
<img class="w3-border w3c-margin" src="" id="thumb" width="15%" onclick="fullNewtab(this.src);">
</div>
</div>
</div>
@ -131,8 +131,8 @@ use App\Utils\Domains;
});
});
function showDetail(el) {
function fullNewtab(imgSrc) {
window.open(imgSrc);
}
// Get the modal
@ -144,4 +144,4 @@ use App\Utils\Domains;
modal.style.display = "none";
}
}
</script>
</script>