71 lines
1.8 KiB
PHTML
71 lines
1.8 KiB
PHTML
<?php
|
|
$this->headLink()->appendStylesheet($this->assetUrl('css/smartphoto.min.css',
|
|
'SmartGallery'));
|
|
$this->headLink()->appendStylesheet($this->assetUrl('css/style.css',
|
|
'SmartGallery'));
|
|
|
|
?>
|
|
|
|
<style>
|
|
.sg_src_link {
|
|
font-size: 0.70em;
|
|
}
|
|
</style>
|
|
|
|
<?php $image_id = 0; ?>
|
|
|
|
<div id="<?= $gallery_id ?>_wrap"
|
|
class="archive-item-block smart-gallery">
|
|
|
|
<div class="wrapper">
|
|
<div class="masonry">
|
|
<?php foreach ($images as $image) { ?>
|
|
<?php $image_id = $image_id +1;
|
|
$img_id = $gallery_id . '-' . $image_id;
|
|
?>
|
|
<div class="brick">
|
|
<a href="<?= $image['media_url'] ?>"
|
|
class="<?= $gallery_id ?>"
|
|
data-caption="<?= $image['image_title'] ?>"
|
|
data-id="<?= $img_id ?>">
|
|
<img src="<?= $image['media_url'] ?>"
|
|
alt=""
|
|
item_url="<?= $image['item_url'] ?>"
|
|
width="<?= $width ?>"
|
|
/>
|
|
</a>
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
</div>
|
|
<?php if ($title) { ?>
|
|
<div class="item_title">
|
|
<?= $title ?>
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
|
|
<?php
|
|
echo $this->inlineScript()
|
|
->prependFile($this->assetUrl('js/jquery-smartphoto.min.js?v=1"',
|
|
'SmartGallery'));
|
|
|
|
?>
|
|
|
|
<script>
|
|
jQuery(document).ready(function() {
|
|
$(".<?= $gallery_id ?>").SmartPhoto({
|
|
resizeStyle: 'fit',
|
|
});
|
|
<?php if ($renderSourceLink) { ?>
|
|
var images_<?= $gallery_id ?> = <?= json_encode($images, JSON_UNESCAPED_SLASHES) ?>;
|
|
for (let i in images_<?= $gallery_id ?>) {
|
|
var image = images_<?= $gallery_id ?>[i]
|
|
var src_link = '<div class="sg_src_link"><a href="'+image['item_url']+'">Source</a></div>';
|
|
var gallery_image = $('#<?= $gallery_id ?>_wrap').find('img[src="'+image['media_url']+'"]')
|
|
$(gallery_image).closest('.brick').append(src_link)
|
|
}
|
|
<?php } ?>
|
|
});
|
|
</script>
|