Fotoalben

jQuery( document ).ready(function( jQuery ) { jQuery( '#example1_51774' ).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_51774 .sp-image' ).parent( 'a' ).on( 'click', function( event ) { event.preventDefault(); // lightbox index if ( jQuery( '#example1_51774' ).hasClass( 'sp-swiping' ) === false ) { jQuery.fancybox.open( jQuery( '#example1_51774 .sp-image' ).parent( 'a' ), { index: jQuery( this ).parents( '.sp-slide' ).index() } ); } }); }); #example1_51774 .title-in { color: #ffffff !important; font-weight: bold; font-size: 16px !important; text-align: center; } #example1_51774 .title-in-bg { background: rgba(0, 0, 0, 0.5) !important; max-width: 90%; min-width: 30%; transform: initial !important; } #example1_51774 .desc-in { color: #ffffff !important; font-size: 14px !important; text-align: center; } #example1_51774 .desc-in-bg { background: rgba(49, 163, 221, 0.5) !important; max-width: 90%; min-width: 30%; transform: initial !important; } #example1_51774 .sp-thumbnail { color: #31a3dd !important; } #example1_51774 .thumb-title { color: #ffffff !important; font-weight: bolder; } #example1_51774 .thumb-desc { color: #ffffff !important; } #example1_51774 .read-more-color { color: #ffffff !important; } /* navigation button/bullets color */ #example1_51774 .sp-button { border: 2px solid #ffffff !important; width: 10px; height: 10px; } #example1_51774 .sp-selected-button { background-color: #ffffff !important; } /* navigation arrow color */ #example1_51774 .sp-next-arrow::after, #example1_51774 .sp-next-arrow::before, #example1_51774 .sp-previous-arrow::after, #example1_51774 .sp-previous-arrow::before { background-color: #31a3dd!important; } #example1_51774 .sp-full-screen-button { font-weight: bolder; color: #31a3dd!important; } /* pointer */ #example1_51774 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail::before { border-bottom: 5px solid #31a3dd !important; } #example1_51774 .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_51774 .sp-thumbnail { width: 100%; padding: 8px; background-color: #31a3dd; -moz-box-sizing: border-box; box-sizing: border-box; } #example1_51774 .sp-thumbnail-title { margin-bottom: 5px; color: #333; } #example1_51774 .sp-thumbnail-description { font-size: 14px; color: #333; } @media (max-width: 860px) { #example1_51774 .sp-layer { font-size: 18px; } #example1_51774 .hide-medium-screen { display: none; } } @media (max-width: 640px) { #example1_51774 .hide-small-screen { display: none; } }

jQuery( document ).ready(function( jQuery ) { jQuery( '#example3_50602' ).sliderPro({ autoplay: true, autoHeight: true, autoplayDelay: 5000, width: 1000, height: 500, arrows: true, buttons: true, fade: true, fullScreen: true, //shuffle: true, //autoHeight: true, smallSize: 500, mediumSize: 1000, largeSize: 3000, thumbnailArrows: true }); // instantiate fancybox when a link is clicked jQuery( '#example3_50602 .sp-image' ).parent( 'a' ).on( 'click', function( event ) { event.preventDefault(); // lightbox index if ( jQuery( '#example3_50602' ).hasClass( 'sp-swiping' ) === false ) { jQuery.fancybox.open( jQuery( '#example3_50602 .sp-image' ).parent( 'a' ), { index: jQuery( this ).parents( '.sp-slide' ).index() } ); } }); }); .slider-pro { font-family: 'Open Sans', Arial; } /* Example 3 */ #example3_50602 .title-in { color: #ffffff !important; font-weight: bolder; text-align: center; } #example3_50602 .title-in-bg { background: rgba(0, 0, 0, 0.5) !important; white-space: unset !important; max-width: 100%; min-width: 30%; transform: initial !important; } #example3_50602 .desc-in { color: #ffffff !important; text-align: center; } #example3_50602 .desc-in-bg { /*background: rgba(, ) !important;*/ background: rgba(248, 0, 0, 0.5) !important; white-space: unset !important; max-width: 100%; min-width: 30%; transform: initial !important; } #example3_50602 .sp-thumbnail { color: #31a3dd !important; } #example3_50602 .read-more-color { color: #ffffff !important; display: block; } /* navigation button/bullets color */ #example3_50602 .sp-button { border: 2px solid #ffffff !important; width: 10px; height: 10px; } #example3_50602 .sp-selected-button { background-color: #ffffff !important; } /* navigation arrow color */ #example3_50602 .sp-next-arrow::after, #example3_50602 .sp-next-arrow::before, #example3_50602 .sp-previous-arrow::after, #example3_50602 .sp-previous-arrow::before { /*background-color: !important;*/ background-color: #f80000 !important; } #example3_50602 .sp-full-screen-button { font-weight: bolder; color: #f80000 !important; } /* pointer */ #example3_50602 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail::before { border-bottom: 5px solid #ffffff !important; } #example3_50602 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail::after { border-bottom: 13px solid #ffffff !important; } #example3_50602 .sp-selected-thumbnail { /*border: 4px solid !important;*/ border: 4px solid #f80000 !important; } @media (max-width: 860px) { #example3_50602 .hide-medium-screen { display: none; } } @media (max-width: 640px) { #example3_50602 .sp-layer { font-size: 12px; } #example3_50602 .hide-small-screen { display: none; } }

14.9.2017: Auf nach Friedberg!

jQuery( document ).ready(function( jQuery ) { jQuery( '#example3_18997' ).sliderPro({ autoplay: true, autoHeight: true, autoplayDelay: 5000, width: 1000, height: 500, arrows: true, buttons: true, fade: true, fullScreen: true, //shuffle: true, //autoHeight: true, smallSize: 500, mediumSize: 1000, largeSize: 3000, thumbnailArrows: true }); // instantiate fancybox when a link is clicked jQuery( '#example3_18997 .sp-image' ).parent( 'a' ).on( 'click', function( event ) { event.preventDefault(); // lightbox index if ( jQuery( '#example3_18997' ).hasClass( 'sp-swiping' ) === false ) { jQuery.fancybox.open( jQuery( '#example3_18997 .sp-image' ).parent( 'a' ), { index: jQuery( this ).parents( '.sp-slide' ).index() } ); } }); }); .slider-pro { font-family: 'Open Sans', Arial; } /* Example 3 */ #example3_18997 .title-in { color: #ffffff !important; font-weight: bolder; text-align: center; } #example3_18997 .title-in-bg { background: rgba(0, 0, 0, 0.5) !important; white-space: unset !important; max-width: 100%; min-width: 30%; transform: initial !important; } #example3_18997 .desc-in { color: #ffffff !important; text-align: center; } #example3_18997 .desc-in-bg { /*background: rgba(, ) !important;*/ background: rgba(248, 0, 0, 0.5) !important; white-space: unset !important; max-width: 100%; min-width: 30%; transform: initial !important; } #example3_18997 .sp-thumbnail { color: #31a3dd !important; } #example3_18997 .read-more-color { color: #ffffff !important; display: block; } /* navigation button/bullets color */ #example3_18997 .sp-button { border: 2px solid #ffffff !important; width: 10px; height: 10px; } #example3_18997 .sp-selected-button { background-color: #ffffff !important; } /* navigation arrow color */ #example3_18997 .sp-next-arrow::after, #example3_18997 .sp-next-arrow::before, #example3_18997 .sp-previous-arrow::after, #example3_18997 .sp-previous-arrow::before { /*background-color: !important;*/ background-color: #f80000 !important; } #example3_18997 .sp-full-screen-button { font-weight: bolder; color: #f80000 !important; } /* pointer */ #example3_18997 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail::before { border-bottom: 5px solid #ffffff !important; } #example3_18997 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail::after { border-bottom: 13px solid #ffffff !important; } #example3_18997 .sp-selected-thumbnail { /*border: 4px solid !important;*/ border: 4px solid #f80000 !important; } @media (max-width: 860px) { #example3_18997 .hide-medium-screen { display: none; } } @media (max-width: 640px) { #example3_18997 .sp-layer { font-size: 12px; } #example3_18997 .hide-small-screen { display: none; } }

Das ist ja wohl der Hammer! Zu jeder Auktion gehört einer - hier liegen sogar vier zur Auswahl!

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; } }