Compare commits

...

2 Commits

Author SHA1 Message Date
buttle 8f612dac0d fixes item_url. sets image height 2021-07-10 22:19:48 +02:00
buttle 56cd480231 enables more than one image attachment 2021-07-10 21:11:41 +02:00
4 changed files with 59 additions and 18 deletions

View File

@ -6,9 +6,9 @@
``` ```
cd ./modules cd ./modules
https://git.hangar.org/arcHIVE-tech/ImageGallery-omeka-module wget https://git.hangar.org/arcHIVE-tech/ImageGallery-omeka-module/archive/main.zip
unzip main.zip unzip main.zip
mv ImageGallery-omeka-module/ ImageGallery mv imagegallery-omeka-module/ ImageGallery
rm main.zip rm main.zip
``` ```

View File

@ -46,6 +46,7 @@
} }
.archive-gallery .gallery__selector:checked + .gallery__img { .archive-gallery .gallery__selector:checked + .gallery__img {
opacity: 1; opacity: 1;
height: 200px;
} }
.archive-gallery .gallery__selector:checked ~ .gallery__thumb > img { .archive-gallery .gallery__selector:checked ~ .gallery__thumb > img {
box-shadow: 0 0 0 3px #0be2f6; box-shadow: 0 0 0 3px #0be2f6;

View File

@ -70,22 +70,46 @@ class ImageGallery extends AbstractBlockLayout
return ''; return '';
} }
$thumbnails = []; //$thumbnails = [];
static $id = 0; static $gallery_id = 0;
$images = [];
/*
$media = $attachments[0]->item()->media()[0]; $media = $attachments[0]->item()->media()[0];
$item = $attachments[0]->item(); $item = $attachments[0]->item();
$item_url = null; $item_url = null;
if ($block->dataValue('renderSourceLink')) { if ($block->dataValue('renderSourceLink')) {
$item_url = $attachments[0]->item()->url(); $item_url = $attachments[0]->item()->url();
} }
*/
foreach ($attachments as $attachment)
{
$img_id = 0;
foreach($attachment->item()->media() as $media)
{
$mediaType = $media->mediaType();
$mediaRenderer = $media->renderer();
if ((strpos($mediaType, 'image/') !== false) || (strpos($mediaRenderer, 'youtube') !== false)) {
array_push($images, ["media_url" => $media->originalUrl(),
"item_url" => $attachment->item()->url(),
"img_id" => 'gi_' . $gallery_id . '_' . $img_id,
]);
$img_id = $img_id +1;
}
}
}
$max_width = $block->dataValue('width'); $max_width = $block->dataValue('width');
return $view->partial('common/block-layout/imageGallery', [ return $view->partial('common/block-layout/imageGallery', [
'gallery_id' => 'ig-' . ++$id, 'gallery_id' => 'ig_' . ++$gallery_id,
'title' => $block->dataValue('title'), 'title' => $block->dataValue('title'),
//'item' => $item, //'item' => $item,
'images' => $item->media(), 'images' => $images,
'item_url' => $item_url, //'images' => $item->media(),
//'item_url' => $item_url,
//'renderSourceLink' => $block->dataValue('renderSourceLink'), //'renderSourceLink' => $block->dataValue('renderSourceLink'),
'width' => $block->dataValue('width'), 'width' => $block->dataValue('width'),
'max_width' => $max_width, 'max_width' => $max_width,

View File

@ -7,11 +7,9 @@ $this->headLink()->appendStylesheet($this->assetUrl('css/gallery.css', 'ImageGal
<div class="archive-gallery"> <div class="archive-gallery">
<?php if ($item_url) { ?>
<div class="source-link"> <div class="source-link">
<a href="<?= $item_url ?>">Source</a> <a href="">Source</a>
</div> </div>
<?php } ?>
<section id="<?= $gallery_id ?>" <section id="<?= $gallery_id ?>"
class="gallery" class="gallery"
@ -28,12 +26,15 @@ $this->headLink()->appendStylesheet($this->assetUrl('css/gallery.css', 'ImageGal
class="gallery__selector"/> class="gallery__selector"/>
<img class="gallery__img" <img class="gallery__img"
style="" style=""
src="<?= $image->primaryMedia()->originalUrl() ?>" src="<?= $image['media_url'] ?>"
alt="<?= $image->primaryMedia()->source() ?>" item_url="<?= $image['item_url'] ?>"
alt=""
/> />
<label for="<?= $img_id ?>" class="gallery__thumb"> <label for="<?= $img_id ?>" class="gallery__thumb">
<img src="<?= $image->primaryMedia()->thumbnailUrl('large') ?>" <img src="<?= $image['media_url'] ?>"
alt="Thumbnail: <?= $image->primaryMedia()->source() ?>" alt=""
item_url="<?= $image['item_url'] ?>"
onclick="updateSourceURL(this)"
/> />
</label> </label>
</div> </div>
@ -52,6 +53,19 @@ $this->headLink()->appendStylesheet($this->assetUrl('css/gallery.css', 'ImageGal
<script> <script>
function updateSourceURL(thumbnail){
$(thumbnail).closest(".archive-gallery")
.find('.source-link')
.find('a').prop('href', $(thumbnail).attr('item_url'));
}
jQuery(document).ready(function() {
$('.archive-gallery').each(function(i, el){
var first_thumbnail = $(el).find('.gallery__img:first')
updateSourceURL(first_thumbnail)
});
});
jQuery(document).ready(function() { jQuery(document).ready(function() {
var gallery_image_height=0; var gallery_image_height=0;
$( ".gallery__img" ).each(function( index ) { $( ".gallery__img" ).each(function( index ) {
@ -59,8 +73,10 @@ jQuery(document).ready(function() {
gallery_image_height = $(this).height(); gallery_image_height = $(this).height();
} }
}); });
$( ".gallery__img" ).each(function( index ) {
$(this).css('height', gallery_image_height)
});
$('section.gallery').css('padding-top', gallery_image_height) $('section.gallery').css('padding-top', gallery_image_height)
//$(".gallery__thumb:first-of-type").css('margin-left', 0)
//$(".gallery__thumb:last-of-type").css('margin-right', 0)
}); });
</script> </script>