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;
}
.siema {
margin: 0;
margin: 1rem 0;
background-color: #000;
position: relative;
}
@ -12,7 +12,6 @@
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
#siema-ui {
@ -50,6 +49,3 @@
margin: 0;
align-self: center;
}
.archive-carousel-container {
position: relative;
}

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

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