adds crosshair cursor to zoomable images

This commit is contained in:
buttle 2021-04-19 11:31:24 +02:00
parent dc9790e413
commit f518d116c7
1 changed files with 5 additions and 6 deletions

View File

@ -19,18 +19,17 @@
.archive-img { .archive-img {
width: <?= $width ?>px; width: <?= $width ?>px;
} }
<?php if ($zoom == true) { ?>
#<?= $id ?> {
cursor:crosshair;
}
<?php } ?>
</style> </style>
<div class="archive-img"> <div class="archive-img">
<img id="<?= $id ?>" <img id="<?= $id ?>"
src="<?= $image ?>" src="<?= $image ?>"
/> />
<?php if ($zoom == true) { ?>
<div
style="font-size: 0.75em; color:white; background-color: gray; padding-left: 1em">
You can zoom this image
</div>
<?php } ?>
</div> </div>
<?php if ($zoom == true) { ?> <?php if ($zoom == true) { ?>