adds crosshair cursor to zoomable images
This commit is contained in:
parent
dc9790e413
commit
f518d116c7
|
@ -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) { ?>
|
||||||
|
|
Loading…
Reference in New Issue