arcHIVE-tech
/
SmartGallery-omeka-module
4
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

adds source link to each image

This commit is contained in:
buttle 2021-10-14 14:20:51 +02:00
parent 7bb9c659ff
commit 16c745ce4c
1 changed files with 21 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
view/common/block-layout/smartGallery.phtml
View File

@ -6,21 +6,16 @@ $this->headLink()->appendStylesheet($this->assetUrl('css/style.css',
?> ?>
<!-- <style>
<script> .sg_src_link {
console.log(<?= json_encode($images, JSON_UNESCAPED_SLASHES) ?>) font-size: 0.70em;
</script> }
--> </style>
<?php $image_id = 0; ?> <?php $image_id = 0; ?>
<div class="archive-item-block smart-gallery"> <div id="<?= $gallery_id ?>_wrap"
class="archive-item-block smart-gallery">
<?php if ($renderSourceLink) { ?>
<div class="source-link">
<a href="<?= $item_url ?>">Source</a>
</div>
<?php } ?>
<div class="wrapper"> <div class="wrapper">
<div class="masonry"> <div class="masonry">
@ -59,16 +54,20 @@ echo $this->inlineScript()
<script> <script>
jQuery(document).ready(function() { jQuery(document).ready(function() {
$(function(){
$(".<?= $gallery_id ?>").SmartPhoto({ $(".<?= $gallery_id ?>").SmartPhoto({
resizeStyle: 'fit', resizeStyle: 'fit',
}); });
}); <?php if ($renderSourceLink) { ?>
}); var images_<?= $gallery_id ?> = <?= json_encode($images, JSON_UNESCAPED_SLASHES) ?>;
for (let i in images_<?= $gallery_id ?>) {
function updateSourceURL(thumbnail){ var image = images_<?= $gallery_id ?>[i]
$(thumbnail).closest(".archive-gallery") var src_link = '<div class="sg_src_link"><a href="'+image['item_url']+'">Source</a></div>';
.find('.source-link') var gallery_image = $('#<?= $gallery_id ?>_wrap').find('img[src="'+image['media_url']+'"]')
.find('a').prop('href', $(thumbnail).attr('item_url')); if ( !($(gallery_image).next().attr('src') == image['media_url']) ){
$(gallery_image).closest('.brick').append(src_link)
console.log(image['media_url'])
} }
}
<?php } ?>
});
</script> </script>