Compare commits
2 Commits
7310d43c3c
...
8f612dac0d
Author | SHA1 | Date |
---|---|---|
buttle | 8f612dac0d | |
buttle | 56cd480231 |
|
@ -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
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue