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

Compare commits

base: arcHIVE-tech:e47725e14eea3ea8c261017b25754bc9cfe2a24b
Branches Tags
arcHIVE-tech:main
arcHIVE-tech:fix/height-window-load
..
compare: arcHIVE-tech:79d366ca8c857a878d9f5891f5da8fbe758feef7
Branches Tags
arcHIVE-tech:main
arcHIVE-tech:fix/height-window-load

No commits in common. "e47725e14eea3ea8c261017b25754bc9cfe2a24b" and "79d366ca8c857a878d9f5891f5da8fbe758feef7" have entirely different histories.
e47725e14e ... 79d366ca8c

2 changed files with 17 additions and 15 deletions
Show Stats Expand all files Collapse all files

6
asset/css/carousel.css
View File

@ -3,7 +3,7 @@
flex-wrap: nowrap !important; flex-wrap: nowrap !important;
} }
.siema { .siema {
margin: 0; margin: 1rem 0;
background-color: #000; background-color: #000;
position: relative; position: relative;
} }
@ -12,7 +12,6 @@
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 100%;
} }
#siema-ui { #siema-ui {
@ -50,6 +49,3 @@
margin: 0; margin: 0;
align-self: center; align-self: center;
} }
.archive-carousel-container {
position: relative;
}

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

@ -7,7 +7,12 @@
?> ?>
<style> <style>
/* styles placed in carousel.css */ .siema { margin: 0; }
.siema-wrap { height: <?php echo $height ?>; }
.siema-img { width: 100%; }
#siema-ui {
/* background-color: <?php echo $ui_background ?>; */
}
</style> </style>
<div class="archive-item-block archive-carousel"> <div class="archive-item-block archive-carousel">
@ -18,14 +23,15 @@
</div> </div>
<?php } ?> <?php } ?>
<div class="archive-carousel-container"> <div style="position:relative;">
<div class="siema_<?php $carousel_id ?> siema"> <div class="siema_<?= $carousel_id ?> siema">
<?php foreach ($images as $image) { ?> <?php foreach ($images as $image) { ?>
<div class="siema-wrap" style="<?php // $wrapStyle ?>" <div class="siema-wrap"
style="<?= $wrapStyle ?>"
> >
<img class="siema-img" <img class="siema-img"
style="<?php $imgStyle ?>" style="<?= $imgStyle ?>"
src="<?php $image['media_url'] ?>" src="<?= $image['media_url'] ?>"
/> />
</div> </div>
<?php } ?> <?php } ?>
@ -35,7 +41,7 @@
<?php if ($title) { ?> <?php if ($title) { ?>
<div class="item_title"> <div class="item_title">
<?php $title ?> <?= $title ?>
</div> </div>
<?php } ?> <?php } ?>
</div> </div>
@ -44,12 +50,12 @@
var sourceURLs = []; var sourceURLs = [];
<?php foreach ($images as $image) { ?> <?php foreach ($images as $image) { ?>
sourceURLs.push("<?php $image['item_url'] ?>") sourceURLs.push("<?= $image['item_url'] ?>")
<?php } ?> <?php } ?>
$(document).ready(function() { $(document).ready(function() {
let siema = new Siema({ let siema = new Siema({
selector: '.siema_<?php $carousel_id ?>', selector: '.siema_<?= $carousel_id ?>',
easing: 'ease-out', easing: 'ease-out',
duration: <?php echo $duration ?>, duration: <?php echo $duration ?>,
perPage: <?php echo $perPage ?>, perPage: <?php echo $perPage ?>,
@ -80,7 +86,7 @@ function changeSourceURL(){
if (slide_idx < 0) { if (slide_idx < 0) {
slide_idx = sourceURLs.length -1; slide_idx = sourceURLs.length -1;
} }
var source_link = $(".siema_<?php $carousel_id ?>") var source_link = $(".siema_<?= $carousel_id ?>")
.closest(".archive-carousel") .closest(".archive-carousel")
.find(".source-link") .find(".source-link")
.find('a'); .find('a');