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

fixes siema to expose source link

This commit is contained in:
buttle 2021-06-27 15:51:36 +02:00
parent 19d9fc9f3b
commit 622523a791
1 changed files with 65 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
view/common/block-layout/simple-carousel.phtml
View File

@ -1,73 +1,81 @@
<div style="position:relative;">
<?php
$this->headLink()->appendStylesheet($this->assetUrl('css/carousel.css', 'SimpleCarousel'));
$this->headScript()->appendFile($this->assetUrl('js/siema.min.js', 'SimpleCarousel'));
$title = false; <?php
$this->headLink()->appendStylesheet($this->assetUrl('css/carousel.css', 'SimpleCarousel'));
$this->headScript()->appendFile($this->assetUrl('js/siema.min.js', 'SimpleCarousel'));
$title = false;
$caret = sprintf('<img class="caret" id="left" src="%s">', $this->assetUrl('caret.png', 'SimpleCarousel')); $caret = sprintf('<img class="caret" id="left" src="%s">', $this->assetUrl('caret.png', 'SimpleCarousel'));
$caret_r = sprintf('<img class="caret" id="right" src="%s">', $this->assetUrl('caret.png', 'SimpleCarousel')); $caret_r = sprintf('<img class="caret" id="right" src="%s">', $this->assetUrl('caret.png', 'SimpleCarousel'));
?> ?>
<style>
.siema { margin: 0; }
.siema-wrap { height: <?php echo $height ?>; }
.siema-img { width: 100%; }
#siema-ui {
/* background-color: <?php echo $ui_background ?>; */
}
</style>
<div class="archive-carousel"> <div class="archive-carousel">
<?php if ($renderSourceLink) { ?> <?php if ($renderSourceLink) { ?>
<div class="source-link"> <div class="source-link">
<a href="<?= $item_url ?>">Source</a> <a href="<?= $item_url ?>">Source</a>
</div> </div>
<?php } ?> <?php } ?>
<div class="siema"> <div style="position:relative;">
<?php <div class="siema">
foreach ($urls as $url) { <?php foreach ($urls as $url) { ?>
$html = sprintf('<div class="siema-wrap" style="%s"><img class="siema-img" style="%s" src="%s"></div>', $wrapStyle, $imgStyle, $url); <div class="siema-wrap"
echo $html; style="<?= $wrapStyle ?>"
} >
?> <img class="siema-img"
style="<?= $imgStyle ?>"
src="<?= $url ?>"
/>
</div>
<?php } ?>
</div>
<div id="siema-ui"></div>
</div> </div>
<div id="siema-ui"></div> <?php if ($subTitle) { ?>
<div class="item_title">
<?= $subTitle ?>
</div>
<?php } ?>
</div> </div>
<?php if ($subTitle) { ?>
<div class="item_title">
<?= $subTitle ?>
</div>
<?php } ?>
<style> <script>
.siema-wrap { height: <?php echo $height ?>; } $(document).ready(function() {
.siema-img { width: 100%; } let siema = new Siema({
#siema-ui { background-color: <?php echo $ui_background ?>; } selector: '.siema',
</style> easing: 'ease-out',
<script> duration: <?php echo $duration ?>,
$(document).ready(function() { perPage: <?php echo $perPage ?>,
let siema = new Siema({ loop: <?php echo $loop ?>,
selector: '.siema', draggable: <?php echo $draggable ?>
easing: 'ease-out',
duration: <?php echo $duration ?>,
perPage: <?php echo $perPage ?>,
loop: <?php echo $loop ?>,
draggable: <?php echo $draggable ?>
});
let caret = '<?php echo $caret;?>';
let caret_r = '<?php echo $caret_r;?>';
$('#siema-ui').append(caret);
<?php if ($title !== false): ?>
$('#siema-ui').append('<?php echo $title;?>');
<?php endif ?>
$('#siema-ui').append(caret_r);
$('.caret#left').click(function () {siema.prev()});
$('.caret#right').click(function () {siema.next()});
<?php if ($autoSlide == true): ?>
window.setInterval(() => {
siema.next();
}, <?php echo $autoSlideInt; ?>);
<?php endif ?>
}); });
</script>
</div> let caret = '<?php echo $caret;?>';
let caret_r = '<?php echo $caret_r;?>';
$('#siema-ui').append(caret);
<?php if ($title !== false): ?>
$('#siema-ui').append('<?php echo $title;?>');
<?php endif ?>
$('#siema-ui').append(caret_r);
$('.caret#left').click(function () {siema.prev()});
$('.caret#right').click(function () {siema.next()});
<?php if ($autoSlide == true): ?>
window.setInterval(() => {
siema.next();
}, <?php echo $autoSlideInt; ?>);
<?php endif ?>
});
</script>