Fotoalben

Klicken Sie auf das Startbild, um sich das komplette Album anzeigen zu lassen.

Presseberichte:

Haben Sie weitere Beispiele? Schicken Sie sie uns zu!

jQuery( document ).ready(function( jQuery ) { jQuery( '#example1_18993' ).sliderPro({ autoplay: true, autoHeight: true, autoplayDelay: 5000, width: 1000, height: 500, arrows: true, buttons: true, fullScreen: true, waitForLayers: true, //fade: true, thumbnailWidth: 200, thumbnailHeight: 100, thumbnailPointer: true, autoScaleLayers: true, breakpoints: { 500: { thumbnailWidth: 120, thumbnailHeight: 50 } } }); // instantiate fancybox when a link is clicked jQuery( '#example1_18993 .sp-image' ).parent( 'a' ).on( 'click', function( event ) { event.preventDefault(); // lightbox index if ( jQuery( '#example1_18993' ).hasClass( 'sp-swiping' ) === false ) { jQuery.fancybox.open( jQuery( '#example1_18993 .sp-image' ).parent( 'a' ), { index: jQuery( this ).parents( '.sp-slide' ).index() } ); } }); }); #example1_18993 .title-in { color: #ffffff !important; font-weight: bold; font-size: 16px !important; text-align: center; } #example1_18993 .title-in-bg { background: rgba(0, 0, 0, 0.5) !important; max-width: 90%; min-width: 30%; transform: initial !important; } #example1_18993 .desc-in { color: #ffffff !important; font-size: 14px !important; text-align: center; } #example1_18993 .desc-in-bg { background: rgba(49, 163, 221, 0.5) !important; max-width: 90%; min-width: 30%; transform: initial !important; } #example1_18993 .sp-thumbnail { color: #31a3dd !important; } #example1_18993 .thumb-title { color: #ffffff !important; font-weight: bolder; } #example1_18993 .thumb-desc { color: #ffffff !important; } #example1_18993 .read-more-color { color: #ffffff !important; } /* navigation button/bullets color */ #example1_18993 .sp-button { border: 2px solid #ffffff !important; width: 10px; height: 10px; } #example1_18993 .sp-selected-button { background-color: #ffffff !important; } /* navigation arrow color */ #example1_18993 .sp-next-arrow::after, #example1_18993 .sp-next-arrow::before, #example1_18993 .sp-previous-arrow::after, #example1_18993 .sp-previous-arrow::before { background-color: #31a3dd!important; } #example1_18993 .sp-full-screen-button { font-weight: bolder; color: #31a3dd!important; } /* pointer */ #example1_18993 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail::before { border-bottom: 5px solid #31a3dd !important; } #example1_18993 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail::after { border-bottom: 13px solid #31a3dd !important; } .slider-pro { font-family: 'Open Sans', Arial; } /* Example 1 */ #example1_18993 .sp-thumbnail { width: 100%; padding: 8px; background-color: #31a3dd; -moz-box-sizing: border-box; box-sizing: border-box; } #example1_18993 .sp-thumbnail-title { margin-bottom: 5px; color: #333; } #example1_18993 .sp-thumbnail-description { font-size: 14px; color: #333; } @media (max-width: 860px) { #example1_18993 .sp-layer { font-size: 18px; } #example1_18993 .hide-medium-screen { display: none; } } @media (max-width: 640px) { #example1_18993 .hide-small-screen { display: none; } }