Medienwerkstatt: Open Space

Ihr habt die Ideen, wir haben die Technik und das Know How. Im Open Space könnt ihr eure Projekte realisieren. Ob gedruckte Rakete, fahrendes Kuscheltier oder leuchtendes Schild, wir sind dabei. Noch keine Idee? Egal, kommt einfach vorbei und entdeckt die uzwei!

Leitung: Lucas Pleß, Laura Gronwald und Annika Hester

Eine Anmeldung ist nicht erforderlich.

Empfohlen von 12-18 Jahren.

Gefördert durch:

©Merit Junghans

©Miu-Wah Lok

©Miu-Wah Lok

©Merit Junghans

©Merit Junghans

©Merit Junghans

/** * Wrapped in an IIFE so `let`/function declarations get a fresh, isolated * scope on every execution. ACF's block editor preview re-renders (and * re-runs) this script on every edit while the DOM node id stays the * same; top-level `let`/`const` would otherwise throw * "Identifier ... has already been declared" on the second render. */ (function($) { let ready = false; let currentAspectRatio = 16 / 9;

function setAspect(newRatio) { if (ready) { if (newRatio > currentAspectRatio) { currentAspectRatio = newRatio; document.querySelector('#image-carousel-block_e3636ef2cbdb80fcb1229937ac83747d .slick-list').style.aspectRatio = newRatio; } } }

function resize() { const captions = document.querySelectorAll( '#image-carousel-block_e3636ef2cbdb80fcb1229937ac83747d .slick-slide:not(.slick-cloned) .image-carousel__image-caption'); let maxCaptionHeight = 0; captions.forEach(function(caption) { maxCaptionHeight = Math.max(caption.offsetHeight, maxCaptionHeight); }); document.querySelector('#image-carousel-block_e3636ef2cbdb80fcb1229937ac83747d').style.paddingBottom = maxCaptionHeight + 'px'; }

$(document).ready(function() {

document.querySelectorAll('#image-carousel-block_e3636ef2cbdb80fcb1229937ac83747d .image-carousel__image').forEach(function(img) { function handleImageLoad() { setAspect(img.width / img.height); } if (img.complete && img.naturalWidth) { handleImageLoad(); } else { img.addEventListener('load', handleImageLoad); } });

$('#image-carousel-block_e3636ef2cbdb80fcb1229937ac83747d .carousel__slider').on('init', function(slick) { resize(); ready = true; this.parentElement.style.opacity = 1; }); $('#image-carousel-block_e3636ef2cbdb80fcb1229937ac83747d .carousel__slider').slick({ infinite: true, variableWidth: true, slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 3000, // centerMode: true, dots: false, arrows: true, prevArrow: '', nextArrow: '', responsive: [{ breakpoint: 800, settings: { arrows: false } }] }); $('#image-carousel-block_e3636ef2cbdb80fcb1229937ac83747d .carousel__slider').slickLightbox({ src: function(element, info) { return element.querySelector('img').src; }, itemSelector: '.image-carousel__slide', caption: function(element, info) { return element.querySelector('figcaption').innerHTML; }, layouts: { closeButton: '', }, slick: { arrows: false } }); $('#image-carousel-block_e3636ef2cbdb80fcb1229937ac83747d .carousel__slider').slickLightbox().on({ 'show.slickLightbox': function() { $('#image-carousel-block_e3636ef2cbdb80fcb1229937ac83747d .carousel__slider').slick('slickSetOption', 'autoplay', false, true); }, 'hide.slickLightbox': function() { $('#image-carousel-block_e3636ef2cbdb80fcb1229937ac83747d .carousel__slider').slick('slickSetOption', 'autoplay', true, true); } });

});

// Each re-render of the block registers a new resize handler; drop // the previous one for this block id so they don't pile up. window.__dortmunderuImageCarouselResize = window.__dortmunderuImageCarouselResize || {}; const previousResize = window.__dortmunderuImageCarouselResize['image-carousel-block_e3636ef2cbdb80fcb1229937ac83747d']; if (previousResize) { window.removeEventListener('resize', previousResize); } window.__dortmunderuImageCarouselResize['image-carousel-block_e3636ef2cbdb80fcb1229937ac83747d'] = resize; window.addEventListener('resize', resize); })(jQuery);