var $incptvK2 = jQuery.noConflict(); var activeReOrientation = false; function reOrientation () { return; if (activeReOrientation) return; activeReOrientation = true; var marginBottomPic = 0; var sf = jQuery('.fluid_container'); var z = sf.size(); var i = 0; sf.each(function(){ var $this = jQuery(this); console.log('Fluid Container gefunden'); // console.log('Gehe nun in das aktive Bild'); var p = jQuery(this).find('.cameraSlide:visible').find('img').eq(0); if (p.size() == 0) return; jQuery('').attr('src', p.attr('src')).prependTo('body').load(function(){ jQuery(this).remove(); var captionContainer = $this.next().next(); captionContainer.stop(); captionContainer.stop().css({ position : 'relative' }); // position top vom bild console.log('Position Top des Bildes: ' + p.offset().top); // höhe des bildes console.log('Höhe des Bildes: ' + p.height()); var hwn = p.height() + p.offset().top + marginBottomPic; console.log('Daten des Bildes + mariginBottom-Wert: ' + hwn); // position top vom captionContainer var ccT = captionContainer.offset().top; console.log('Position Top des captionContainers: ' + ccT); if (ccT == hwn) { i++; if (i==z) { activeReOrientation = false; } return; } var mTwn,c; if (ccT > hwn) { mTwn = ccT - hwn; c = -1; } else { mTwn = hwn - ccT; c = 1; } console.log('Daraus ergibt sich folgender MarginTop Wertung: ' + (mTwn * c)); captionContainer.animate({ marginTop : mTwn * c }, 600, function(){ i++; if (i==z) { activeReOrientation = false; } }); }); }); } $incptvK2(function(){ $incptvK2('.karat_slider_wrap').each(function(){ var _id_ = 'karat-slide-' + jQuery(this).index('.karat_slider_wrap'); jQuery(this).attr('id', _id_); var scaleFix = 0; $incptvK2('#' + _id_).camera({ alignment: 'topLeft', autoAdvance: false, mobileAutoAdvance: false, barDirection: 'leftToRight', barPosition: 'bottom', cols: '8', easing: 'easeInOutCubic', mobileEasing: 'easeInExpo', fx: 'scrollHorz', mobileFx: 'simpleFade', gridDifference: 250, height: '500', hover: false, loader: 'true', loaderColor: '#eeeeee', loaderBgColor: '#222222', loaderOpacity: .8, loaderPadding: 2, loaderStroke: 7, minHeight: '200px', navigation: true, navigationHover: false, mobileNavHover: true, opacityOnGrid: false, overlayer: false, pagination: false, playPause: false, pauseOnClick: false, piePosition: 'rightTop', portrait: false, rows: 4, slicedRows: 8, slicedCols: 12, slideOn: 'random', thumbnails: false, time: 3000, transPeriod: 1000, onEndTransition : function () { window.setTimeout(function(){ console.log('##################'); reOrientation(); }, 800); } }); }); });