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

View file

@ -54,8 +54,8 @@ use App\Utils\Domains;
<div class="w3-center w3-margin-top"> <div class="w3-center w3-margin-top">
<div class="w3-bar"> <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=<?= $previous; ?>" 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=<?= $next; ?>" class="w3-teal w3-button">Next &raquo; </a>
</div> </div>
</div> </div>
</div> </div>
@ -68,12 +68,12 @@ use App\Utils\Domains;
<img src="" id="fav" height="32px"> <img src="" id="fav" height="32px">
<a href="" id="titlePreview" target="_blanck"></a> <a href="" id="titlePreview" target="_blanck"></a>
</p> </p>
<img class="w3-border w3c-margin" src="" id="complete" width="45%"> <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%"> <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%"> <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%"> <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%"> <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%"> <img class="w3-border w3c-margin" src="" id="thumb" width="15%" onclick="fullNewtab(this.src);">
</div> </div>
</div> </div>
</div> </div>
@ -131,8 +131,8 @@ use App\Utils\Domains;
}); });
}); });
function showDetail(el) { function fullNewtab(imgSrc) {
window.open(imgSrc);
} }
// Get the modal // Get the modal