07c290a453
- zoesch.de - blitzkiste.net - gruene-hassberge (norbert.zoesch.de) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
63 lines
2.3 KiB
Smarty
63 lines
2.3 KiB
Smarty
{combine_css path="themes/bootstrap_darkroom/components/slick-carousel/slick/slick.css"}
|
|
{combine_css path="themes/bootstrap_darkroom/components/slick-carousel/slick/slick-theme.css"}
|
|
{combine_script id="slick.carousel" require="jquery" path="themes/bootstrap_darkroom/components/slick-carousel/slick/slick.min.js" load="footer"}
|
|
{footer_script require='jquery' require="slick.carousel"}{strip}
|
|
$(document).ready(function(){
|
|
$('#thumbnailCarousel').slick({
|
|
infinite: {if $theme_config_extra->slick_infinite}true{else}false{/if},
|
|
lazyLoad: '{if $theme_config_extra->slick_lazyload == "progressive"}progressive{else}ondemand{/if}',
|
|
{if $theme_config_extra->slick_centered}
|
|
centerMode: true,
|
|
swipeToSlide: true,
|
|
slidesToShow: {if sizeOf($thumbnails) <= 7}{if sizeOf($thumbnails) > 2 && (sizeOf($thumbnails) % 2 == 0)}{sizeOf($thumbnails) -1}{else}{sizeOf($thumbnails)}{/if}{else}7{/if},
|
|
slidesToScroll: 1,
|
|
responsive: [
|
|
{
|
|
breakpoint: 1200,
|
|
settings: {
|
|
slidesToShow: {if sizeOf($thumbnails) <= 5}{if sizeOf($thumbnails) > 2 && (sizeOf($thumbnails) % 2 == 0)}{sizeOf($thumbnails) -1}{else}{sizeOf($thumbnails)}{/if}{else}5{/if},
|
|
}
|
|
},
|
|
{else}
|
|
centerMode: false,
|
|
slidesToShow: {if sizeOf($thumbnails) <= 7}{sizeOf($thumbnails)}{else}7{/if},
|
|
slidesToScroll: {if sizeOf($thumbnails) <= 7}{sizeOf($thumbnails) - 1}{else}6{/if},
|
|
responsive: [
|
|
{
|
|
breakpoint: 1200,
|
|
settings: {
|
|
slidesToShow: {if sizeOf($thumbnails) <= 5}{sizeOf($thumbnails)}{else}5{/if},
|
|
slidesToScroll: {if sizeOf($thumbnails) <= 5}{sizeOf($thumbnails) - 1}{else}4{/if}
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 1024,
|
|
settings: {
|
|
slidesToShow: {if sizeOf($thumbnails) <= 4}{sizeOf($thumbnails)}{else}4{/if},
|
|
slidesToScroll: {if sizeOf($thumbnails) <= 4}{sizeOf($thumbnails) - 1}{else}3{/if}
|
|
}
|
|
},
|
|
{/if}
|
|
{
|
|
breakpoint: 600,
|
|
settings: {
|
|
slidesToShow: 3,
|
|
slidesToScroll: 3
|
|
}
|
|
},
|
|
{
|
|
breakpoint: 420,
|
|
settings: {
|
|
centerMode: false,
|
|
slidesToShow: 2,
|
|
slidesToScroll: 2
|
|
}
|
|
}]
|
|
});
|
|
var currentThumbnailIndex = $('#thumbnailCarousel .thumbnail-active').data('slick-index');
|
|
$('#thumbnailCarousel').slick('goTo', currentThumbnailIndex, true);
|
|
|
|
$('#thumbnailCarousel').show();
|
|
});
|
|
{/strip}{/footer_script}
|