Stadtseite | Ron Orp (2024)

"; } function initPhotoSlider(topic_id, topic_info) { var slider_id; var slider_class = ".forum-photo-slider-" + topic_id; var slider_container = ''; /*var slider_container = $(slider_id); */ $$(slider_class).each(function(pair) { if (!pair.hasClassName("processed")) { slider_id = pair.id; slider_container = $(slider_id); } }); if (!slider_container) { return; } if (slider_container.hasClassName("processed")) { return; } slider_container.addClassName("processed"); if (!PhotoTopic[topic_id].photos.length) { slider_container.addClassName("hidden"); return; } var slides = ''; var slide_data; var photo_length = PhotoTopic[topic_id].photos.length; if (photo_length > 3) { slide_data = buildSlideData(topic_id, photo_length - 1); slides += renderPhotoSlide(slide_data); slide_data = buildSlideData(topic_id, 0); slides += renderPhotoSlide(slide_data); slide_data = buildSlideData(topic_id, 1); slides += renderPhotoSlide(slide_data); } else { if (PhotoTopic[topic_id].photos.length > 1) { while (PhotoTopic[topic_id].photos.length < 10) { PhotoTopic[topic_id].photos = PhotoTopic[topic_id].photos.concat(PhotoTopic[topic_id].photos); } for (var i = PhotoTopic[topic_id].photos.length - 5; PhotoTopic[topic_id].photos[i]; i++) { slide_data = buildSlideData(topic_id, i); slides += renderPhotoSlide(slide_data); } } else { if (PhotoTopic[topic_id].photos.length < 2) { slider_container.select('.swiper-custom-button').invoke('addClassName', 'hidden') } } slide_data = buildSlideData(topic_id, 0); slides += renderPhotoSlide(slide_data); for (var i = 1; i < 10; i++) { slide_data = buildSlideData(topic_id, i); if (slide_data) { slides += renderPhotoSlide(slide_data); } else { break; } } } slider_container.removeClassName("slides-0").addClassName("slides-"+PhotoTopic[topic_id].photos.length).addClassName(PhotoTopic[topic_id].size).down(".swiper-wrapper").update(slides); var params = { centeredSlides: true, direction: 'horizontal', preloadImages: false, slidesPerView: 'auto', spaceBetween: 5, nextButton: '.swiper-custom-button-next', prevButton: '.swiper-custom-button-prev', preloadImages: false, lazyLoading: true, lazyLoadingOnTransitionStart: true, lazyPreloaderClass: "lazy-preloader", lazyLoadingInPrevNext: true, watchSlidesVisibility: true, onLazyImageReady: function(swiper, slide, image) { slide.select(".lazy-preloader").invoke("remove"); setTimeout(function() { $$('.forum_new_slider_auto .swiper-slide ').invoke('setStyle', {'width': 'auto'}); if (window.innerWidth < 620) { $$('.forum_new_slider .swiper-lazy').invoke('setStyle', {'max-width': (window.innerWidth - 20) + 'px'}); $$('.forum_new_slider .swiper-slide').invoke('setStyle', {'width': (window.innerWidth - 20) + 'px'}); } else { $$('.forum_new_slider .swiper-lazy').invoke('setStyle', {'max-width': '620px'}); $$('.forum_new_slider .swiper-slide').invoke('setStyle', {'width': '620px'}); } }, 800); }, }; if (PhotoTopic[topic_id].photos.length == 1) { params.loop = false; } var preloadScreensNumber = 2; function forwardLoader(swiper) { if (swiper.params.wasInited == true) { track_slider_action("scrollnext"); } var last_slide = swiper.container[0].down(".swiper-slide:last-child"); if (last_slide.getBoundingClientRect().left > swiper.width * (preloadScreensNumber + 1)) { swiper.onResize(); return; } var slides = []; var step = Math.abs(swiper.activeIndex - swiper.previousIndex); var last_idx = parseInt(last_slide.getAttribute("data-idx")); for (var i = 0; i < step + 3; i++) { if (last_idx >= PhotoTopic[topic_id].photos.length - 1) { last_idx = -1; } slides.push(renderPhotoSlide(buildSlideData(topic_id, ++last_idx))); } swiper.appendSlide(slides); if (swiper.params.wasInited == true) { setTimeout(register_tracked_elements, 200); } } function backwardLoader(swiper) { if (swiper.params.wasInited == true) { track_slider_action("scrollprev"); } var first_slide = swiper.container[0].down(".swiper-slide:first-child"); if (Math.abs(first_slide.getBoundingClientRect().right) > swiper.width * (preloadScreensNumber)) { swiper.onResize(); return; } var slides = []; var step = Math.abs(swiper.activeIndex - swiper.previousIndex); var first_idx = parseInt(first_slide.getAttribute("data-idx")); for (var i = 0; i < step + 3; i++) { if (first_idx <= 0) { first_idx = PhotoTopic[topic_id].photos.length; } slides.push(renderPhotoSlide(buildSlideData(topic_id, --first_idx))); } swiper.prependSlide(slides); if (swiper.params.wasInited == true) { setTimeout(register_tracked_elements, 200); } } function track_slider_action(ev) { var screen = ''; if(window.innerWidth < 768) screen = 3;//'mobile'; else if(window.innerWidth < 1010) screen = 2;//'tablet'; else screen = 1;//'desktop'; __tracker("ContentList", ev, "ContentImage", screen); } var slidesCount = PhotoTopic[topic_id].photos.length; if (slidesCount > 1) { params["onInit"] = function(swiper) { /*swiper.slideTo(slidesCount);*/ setTimeout(function() { swiper.slideTo(1); }, 200); setTimeout(function() { swiper.params.wasInited = true; register_tracked_elements(); }, 400); setTimeout(function () { swiper.onResize(); }, 1000); }; params["onSlidePrevEnd"] = function (swiper) { if (typeof swiper.params.wasSlide == "undefined") { swiper.params.wasSlide = true; } backwardLoader(swiper); }; params["onReachBeginning"] = function (swiper) { if (typeof swiper.params.wasSlide == "undefined") { return; } backwardLoader(swiper); }; params["onSlideNextEnd"] = function (swiper) { if (typeof swiper.params.wasSlide == "undefined") { swiper.params.wasSlide = true; } forwardLoader(swiper); }; params["onReachEnd"] = function (swiper) { if (typeof swiper.params.wasSlide == "undefined") { return; } try { forwardLoader(swiper); } catch (e) { swiper.slidePrev(); setTimeout(function () { swiper.slideNext(); }, 200); } }; }; if(typeof window["sliders"] == "undefined") { window["sliders"] = {}; } window["sliders"][slider_id] = new Swiper("#" + slider_id, params); } var idxOfFunction = addAutoloadFunction(function() { if (typeof PhotoTopic == "undefined") { return; } for (var p in PhotoTopic) { initPhotoSlider(p, PhotoTopic[p]); } }); if (idxOfFunction != -1 && typeof(initRonorpFunction[idxOfFunction]) == "function") { initRonorpFunction[idxOfFunction](); } }); setTimeout(function () { $$('.forum-photo-tile .lazy-preloader').each(function(pair) { if (!pair.up(0).select('img')[0].readAttribute('data-src')){ pair.remove(); } }); }, 1000); /* */