Geschenke
var pausehover="on"; var huge_video_playing={}; var autoplayMatch={}; var scrolling; var ifhasthumb ="dotstop"; scrolling = pausehover != 'on'; jQuery(window).load(function(){ if(!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) setTimeout(function(){ jQuery('.huge_it_slide_container_4').mouseleave(); }, 10); }); var YTdeferred = jQuery.Deferred(); window.onYouTubeIframeAPIReady = function() { //resolve when youtube callback is called passing YT as a parameter YTdeferred.resolve(window.YT); }; YTdeferred.done(function(YT) { jQuery('.huge-it-iframe').each(function(){ var el_id = jQuery(this).attr('data-element-id'); var volume = HUGEIT_YT_IFRAMES['iframe'+el_id]['volume']; window['onPlayerReady'+el_id] = function(event) { window['player_'+el_id]['setVolume'](volume); } }); jQuery('.huge-it-iframe').each(function(){ var id = jQuery(this).attr('id'); var el_id = jQuery(this).attr('data-element-id'); var controls = HUGEIT_YT_IFRAMES['iframe'+el_id]['controls']; var showinfo = HUGEIT_YT_IFRAMES['iframe'+el_id]['showinfo']; var url = HUGEIT_YT_IFRAMES['iframe'+el_id]['videoId']; controls||(controls = 0); showinfo||(showinfo = 0); window['player_'+el_id] = new YT.Player(id, { height: '410', width: '870', videoId: url, playerVars: { 'controls': controls, 'showinfo': showinfo, 'rel':0 }, events: { 'onError': window['onPlayerError'+el_id], 'onReady': window['onPlayerReady'+el_id], 'onStateChange': window['onPlayerStateChange'+el_id], 'loop':1 } }); }) }); jQuery(function(){ jQuery('.huge-it-iframe').each(function(){ var el_id = jQuery(this).attr('data-element-id'); var quality = HUGEIT_YT_IFRAMES['iframe'+el_id]['quality']; window['onPlayerStateChange'+el_id] = function(event) { if (event.data == YT.PlayerState.PLAYING) { HUGEIT_YT_IFRAMES['iframe'+el_id]['state']='played'; event.target.setPlaybackQuality(quality); } } }); }); function stopYoutubeVideo(currentVideo,nextVideo) { if(currentVideo) { (HUGEIT_YT_IFRAMES['iframe'+currentVideo]['state'])?currentVideo&&(window['player_'+currentVideo]['pauseVideo']()):currentVideo&&(window['player_'+currentVideo]['stopVideo']()); } nextVideo&&HUGEIT_YT_IFRAMES['iframe'+nextVideo]['autoplay']&&(window['player_'+nextVideo]['playVideo']()); } function stopVimeoVideo(currentVideo,nextVideo){ jQuery(currentVideo).vimeo('pause'); jQuery(nextVideo).vimeo('play'); } /*** initialize And youtube autopay ***/ jQuery( window ).load(function() { (function VimeoOptionsReady(){ //calling funtion once jQuery('.huge-it-iframe-vimeo').each(function(){ var el_id = jQuery(this).attr('data-element-id'); jQuery(this).vimeo('setColor',HUGEIT_VIMEOS['iframe'+el_id]['color']); jQuery(this).vimeo('setVolume',HUGEIT_VIMEOS['iframe'+el_id]['volume']); }) }()); if('off' == 'on') { if(jQuery('.huge-it-iframe-vimeo.autoplay').length) { (function AutoplayVimeo() { var setplayVideo = setInterval(hugeitframe, 100); function hugeitframe() { var vimeo1 = jQuery('.huge_it_slider_4 li').first().find('.autoplay') if(vimeo1.length) { vimeo1.vimeo('play'); clearInterval(setplayVideo); } } }()); } if(jQuery('.huge-it-iframe.autoplay').length) { (function AutoplayYoutube() { var setplayVideo = setInterval(hugeitframe, 100); function hugeitframe() { jQuery('.huge-it-iframe.autoplay').each(function(){ var el_id = jQuery(this).attr('data-element-id'); if(window['player_'+el_id]) { window['player_'+el_id]['playVideo'](); clearInterval(setplayVideo); } }); } }()); } } }); /*** initialize***/ <!-- --> jQuery(document).ready(function() { jQuery('.thumb_wrapper').on('click', function(ev) { var myid = jQuery(this).data('rowid'); myid = parseInt(myid); eval('player_' + myid + '.playVideo()'); ev.preventDefault(); }); }); if(typeof sliderID_array =="undefined") { var sliderID_array=[]; } var data_4 = []; var event_stack_4 = []; data_4["0"]=[];data_4["0"]["id"]="0";data_4["0"]["image_url"]="https://petitfilou.de/wp-content/uploads/2016/04/Banner-Babydecken-petit-filou.jpg";data_4["0"]["description"]="";data_4["0"]["alt"]="";data_4["1"]=[];data_4["1"]["id"]="1";data_4["1"]["image_url"]="https://petitfilou.de/wp-content/uploads/2016/02/Bildschirmfoto-2016-02-01-um-15.16.05.png";data_4["1"]["description"]="";data_4["1"]["alt"]="";data_4["2"]=[];data_4["2"]["id"]="2";data_4["2"]["image_url"]="https://petitfilou.de/wp-content/uploads/2016/04/Banner-Mulltuecher-Petit-Filou-bestickt.jpg";data_4["2"]["description"]="";data_4["2"]["alt"]="";data_4["3"]=[];data_4["3"]["id"]="3";data_4["3"]["image_url"]="https://petitfilou.de/wp-content/uploads/2016/04/Banner-Lätzchen-Petit-Filou.jpg";data_4["3"]["description"]="";data_4["3"]["alt"]="";data_4["4"]=[];data_4["4"]["id"]="4";data_4["4"]["image_url"]="https://petitfilou.de/wp-content/uploads/2015/12/Banner-Individualisierung-bestickt-Petit-Filou-e1450386943777.jpg";data_4["4"]["description"]="";data_4["4"]["alt"]=""; var huge_it_trans_in_progress_4 = false; var huge_it_transition_duration_4 = 1000; var huge_interval = {}; var id_array_index = sliderID_array.length; sliderID_array[id_array_index] = // Stop autoplay. window.clearInterval(huge_interval['huge_it_playInterval_'+4]); var huge_it_current_key_4 = ''; function huge_it_move_dots_4() { var image_left = jQuery(".huge_it_slideshow_dots_active_4").position().left; var image_right = jQuery(".huge_it_slideshow_dots_active_4").position().left + jQuery(".huge_it_slideshow_dots_active_4").outerWidth(true); } function huge_it_testBrowser_cssTransitions_4() { return huge_it_testDom_4('Transition'); } function huge_it_testBrowser_cssTransforms3d_4() { return huge_it_testDom_4('Perspective'); } function huge_it_testDom_4(prop) { // Browser vendor CSS prefixes. var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-']; // Browser vendor DOM prefixes. var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml']; var i = domPrefixes.length; while (i--) { if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') { return true; } } return false; } function huge_it_cube_4(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) { /* If browser does not support 3d transforms/CSS transitions.*/ if (!huge_it_testBrowser_cssTransitions_4()) { jQuery(".huge_it_slideshow_dots_4").removeClass("huge_it_slideshow_dots_active_4").addClass("huge_it_slideshow_dots_deactive_4"); jQuery("#huge_it_dots_" + huge_it_current_key_4 + "_4").removeClass("huge_it_slideshow_dots_deactive_4").addClass("huge_it_slideshow_dots_active_4"); return huge_it_fallback_4(current_image_class, next_image_class, direction); } if (!huge_it_testBrowser_cssTransforms3d_4()) { return huge_it_fallback3d_4(current_image_class, next_image_class, direction); } jQuery(current_image_class).css({'z-index': 'none'}); jQuery(next_image_class).css({'z-index' : 2}); huge_it_trans_in_progress_4 = true; /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_4").removeClass("huge_it_slideshow_dots_active_4").addClass("huge_it_slideshow_dots_deactive_4"); jQuery("#huge_it_dots_" + huge_it_current_key_4 + "_4").removeClass("huge_it_slideshow_dots_deactive_4").addClass("huge_it_slideshow_dots_active_4"); jQuery(".huge_it_slide_bg_4").css('perspective', 1000); jQuery(current_image_class).css({ transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden' }); jQuery(".huge_it_slideshow_image_wrap_4,.huge_it_slide_bg_4,.huge_it_slideshow_image_item_4,.huge_it_slideshow_image_second_item_4 ").css('overflow', 'visible'); jQuery(next_image_class).css({ opacity : 1, filter: 'Alpha(opacity=100)', backfaceVisibility : 'hidden', transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)' }); jQuery(".huge_it_slider_4").css({ transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d' }); /* Execution steps.*/ setTimeout(function () { jQuery(".huge_it_slider_4").css({ transition: 'all ' + huge_it_transition_duration_4 + 'ms ease-in-out', transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 20); /* After transition.*/ jQuery(".huge_it_slider_4").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { jQuery(".huge_it_slide_bg_4,.huge_it_slideshow_image_item_4,.huge_it_slideshow_image_second_item_4 ").css('overflow', 'hidden'); jQuery(".huge_it_slide_bg_4").removeAttr('style'); jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".huge_it_slider_4").removeAttr('style'); // alert(current_image_class+' '+next_image_class); jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2}); // huge_it_change_watermark_container_4(); huge_it_trans_in_progress_4 = false; if (typeof event_stack_4 !== 'undefined' && event_stack_4.length > 0) { key = event_stack_4[0].split("-"); event_stack_4.shift(); huge_it_change_image_4(key[0], key[1], data_4, true,false); } } } function huge_it_cubeH_4(current_image_class, next_image_class, direction) { /* Set to half of image width.*/ var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { huge_it_cube_4(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction); } else if (direction == 'left') { huge_it_cube_4(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction); } } function huge_it_cubeV_4(current_image_class, next_image_class, direction) { /* Set to half of image height.*/ var dimension = jQuery(current_image_class).height() / 2; /* If next slide.*/ if (direction == 'right') { huge_it_cube_4(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction); } else if (direction == 'left') { huge_it_cube_4(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction); } } /* For browsers that does not support transitions.*/ function huge_it_fallback_4(current_image_class, next_image_class, direction) { huge_it_fade_4(current_image_class, next_image_class, direction); } /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/ function huge_it_fallback3d_4(current_image_class, next_image_class, direction) { huge_it_sliceV_4(current_image_class, next_image_class, direction); } function huge_it_none_4(current_image_class, next_image_class, direction) { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_4").removeClass("huge_it_slideshow_dots_active_4").addClass("huge_it_slideshow_dots_deactive_4"); jQuery("#huge_it_dots_" + huge_it_current_key_4 + "_4").removeClass("huge_it_slideshow_dots_deactive_4").addClass("huge_it_slideshow_dots_active_4"); } function huge_it_fade_4(current_image_class, next_image_class, direction) { if (huge_it_testBrowser_cssTransitions_4()) { jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_4 + 'ms linear'); jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_4 + 'ms linear'); jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); } else { jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_4); jQuery(next_image_class).animate({ 'opacity' : 1, 'z-index': 2 }, { duration: huge_it_transition_duration_4, complete: function () {return false;} }); // For IE. jQuery(current_image_class).fadeTo(huge_it_transition_duration_4, 0); jQuery(next_image_class).fadeTo(huge_it_transition_duration_4, 1); } jQuery(".huge_it_slideshow_dots_4").removeClass("huge_it_slideshow_dots_active_4").addClass("huge_it_slideshow_dots_deactive_4"); jQuery("#huge_it_dots_" + huge_it_current_key_4 + "_4").removeClass("huge_it_slideshow_dots_deactive_4").addClass("huge_it_slideshow_dots_active_4"); } function huge_it_grid_4(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) { /* If browser does not support CSS transitions.*/ if (!huge_it_testBrowser_cssTransitions_4()) { jQuery(".huge_it_slideshow_dots_4").removeClass("huge_it_slideshow_dots_active_4").addClass("huge_it_slideshow_dots_deactive_4"); jQuery("#huge_it_dots_" + huge_it_current_key_4 + "_4").removeClass("huge_it_slideshow_dots_deactive_4").addClass("huge_it_slideshow_dots_active_4"); return huge_it_fallback_4(current_image_class, next_image_class, direction); } huge_it_trans_in_progress_4 = true; /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_4").removeClass("huge_it_slideshow_dots_active_4").addClass("huge_it_slideshow_dots_deactive_4"); jQuery("#huge_it_dots_" + huge_it_current_key_4 + "_4").removeClass("huge_it_slideshow_dots_deactive_4").addClass("huge_it_slideshow_dots_active_4"); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (huge_it_transition_duration_4) / (cols + rows); /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/ function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) { var delay = (c + r) * count; /* Return a gridlet elem with styles for specific transition.*/ return jQuery('
').css({ width : width, height : height, top : top, left : left, backgroundImage : 'url("' + src + '")', backgroundColor: jQuery(".huge_it_slideshow_image_wrap_4").css("background-color"), /*backgroundColor: rgba(0, 0, 0, 0),*/ backgroundRepeat: 'no-repeat', backgroundPosition : img_left + 'px ' + img_top + 'px', backgroundSize : imgWidth + 'px ' + imgHeight + 'px', transition : 'all ' + huge_it_transition_duration_4 + 'ms ease-in-out ' + delay + 'ms', transform : 'none' }); } /* Get the current slide's image.*/ var cur_img = jQuery(current_image_class).find('img'); /* Create a grid to hold the gridlets.*/ var grid = jQuery('').addClass('huge_it_grid_4'); /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/ jQuery(current_image_class).prepend(grid); /* vars to calculate positioning/size of gridlets*/ var cont = jQuery(".huge_it_slide_bg_4"); var imgWidth = cur_img.width(); var imgHeight = cur_img.height(); var contWidth = cont.width(), contHeight = cont.height(), imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/ colWidth = Math.floor(contWidth / cols), rowHeight = Math.floor(contHeight / rows), colRemainder = contWidth - (cols * colWidth), colAdd = Math.ceil(colRemainder / cols), rowRemainder = contHeight - (rows * rowHeight), rowAdd = Math.ceil(rowRemainder / rows), leftDist = 0, img_leftDist = (jQuery(".huge_it_slide_bg_4").width() - cur_img.width()) / 2; /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/ tx = tx === 'auto' ? contWidth : tx; tx = tx === 'min-auto' ? - contWidth : tx; ty = ty === 'auto' ? contHeight : ty; ty = ty === 'min-auto' ? - contHeight : ty; /* Loop through cols*/ for (var i = 0; i 0) { var add = colRemainder >= colAdd ? colAdd : colRemainder; newColWidth += add; colRemainder -= add; } /* Nested loop to create row gridlets for each col.*/ for (var j = 0; j 0) { add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder; newRowHeight += add; newRowRemainder -= add; } /* Create & append gridlet to grid.*/ grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j)); topDist += newRowHeight; img_topDst -= newRowHeight; } img_leftDist -= newColWidth; leftDist += newColWidth; } /* Set event listener on last gridlet to finish transitioning.*/ var last_gridlet = grid.children().last(); /* Show grid & hide the image it replaces.*/ grid.show(); cur_img.css('opacity', 0); /* Add identifying classes to corner gridlets (useful if applying border radius).*/ grid.children().first().addClass('rs-top-left'); grid.children().last().addClass('rs-bottom-right'); grid.children().eq(rows - 1).addClass('rs-bottom-left'); grid.children().eq(- rows).addClass('rs-top-right'); /* Execution steps.*/ setTimeout(function () { grid.children().css({ opacity: op, transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')' }); }, 1); jQuery(next_image_class).css('opacity', 1); /* After transition.*/ jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); cur_img.css('opacity', 1); grid.remove(); huge_it_trans_in_progress_4 = false; if (typeof event_stack_4 !== 'undefined' && event_stack_4.length > 0) { key = event_stack_4[0].split("-"); event_stack_4.shift(); huge_it_change_image_4(key[0], key[1], data_4, true,false); } } } function huge_it_sliceH_4(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_4(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_sliceV_4(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'min-auto'; } else if (direction == 'left') { var translateY = 'auto'; } huge_it_grid_4(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction); } function huge_it_slideV_4(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'auto'; } else if (direction == 'left') { var translateY = 'min-auto'; } huge_it_grid_4(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction); } function huge_it_slideH_4(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_4(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction); } function huge_it_scaleOut_4(current_image_class, next_image_class, direction) { huge_it_grid_4(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction); } function huge_it_scaleIn_4(current_image_class, next_image_class, direction) { huge_it_grid_4(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction); } function huge_it_blockScale_4(current_image_class, next_image_class, direction) { huge_it_grid_4(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction); } function huge_it_kaleidoscope_4(current_image_class, next_image_class, direction) { huge_it_grid_4(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_fan_4(current_image_class, next_image_class, direction) { if (direction == 'right') { var rotate = 45; var translateX = 100; } else if (direction == 'left') { var rotate = -45; var translateX = -100; } huge_it_grid_4(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_blindV_4(current_image_class, next_image_class, direction) { huge_it_grid_4(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_blindH_4(current_image_class, next_image_class, direction) { huge_it_grid_4(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_random_4(current_image_class, next_image_class, direction) { var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV']; /* Pick a random transition from the anims array.*/ this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_4"](current_image_class, next_image_class, direction); } function iterator_4() { return 1; } function huge_it_change_image_4(current_key, key, data_4, from_effect, clicked) { if (data_4[key]) { if (!from_effect) { // Change image key. jQuery("#huge_it_current_image_key_4").val(key); current_key = jQuery(".huge_it_slideshow_dots_active_4").attr("data-image_key"); } if (huge_it_trans_in_progress_4) { event_stack_4.push(current_key + '-' + key); return; } var direction = 'right'; if (huge_it_current_key_4 > key) { direction = 'left'; } else if (huge_it_current_key_4 == key) { return false; } // Set active thumbnail position. huge_it_current_key_4 = key; jQuery("#huge_it_slideshow_image_4").attr('data-image_id', data_4[key]["id"]); jQuery(".huge_it_slideshow_title_text_4").html(data_4[key]["alt"]); jQuery(".huge_it_slideshow_description_text_4").html(data_4[key]["description"]); var current_image_class = "#image_id_4_" + data_4[current_key]["id"]; var next_image_class = "#image_id_4_" + data_4[key]["id"]; if (jQuery(current_image_class).find('.huge_it_video_frame_4').length > 0) { var streffect = 'fade'; if (streffect == "cubeV" || streffect == "cubeH" || streffect == "none" || streffect == "fade") { huge_it_fade_4(current_image_class, next_image_class, direction); } else { huge_it_fade_4(current_image_class, next_image_class, direction); } } else { huge_it_fade_4(current_image_class, next_image_class, direction); } jQuery('.huge_it_slideshow_title_text_4').removeClass('none'); if (jQuery('.huge_it_slideshow_title_text_4').html() == "") { jQuery('.huge_it_slideshow_title_text_4').addClass('none'); } jQuery('.huge_it_slideshow_description_text_4').removeClass('none'); if (jQuery('.huge_it_slideshow_description_text_4').html() == "") { jQuery('.huge_it_slideshow_description_text_4').addClass('none'); } jQuery(current_image_class).find('.huge_it_slideshow_title_text_4').addClass('none'); jQuery(current_image_class).find('.huge_it_slideshow_description_text_4').addClass('none'); huge_it_move_dots_4(); /*** for vimeo and youtube stop pause play etc... ***/ var nextVideo = jQuery('#video_id_4_' + key).attr('data-element-id'); var currentVideo = jQuery('#video_id_4_' + current_key).attr('data-element-id'); /*** add ***/ (currentVideo || nextVideo) && stopYoutubeVideo(currentVideo, nextVideo); if ((jQuery('#player_4_' + current_key)).hasClass('huge-it-iframe-vimeo')) { jQuery('#player_4_' + current_key).vimeo('pause'); } if ((jQuery('#player_4_' + key)).hasClass('huge-it-iframe-vimeo') && ('off' == 'on')) { jQuery('#player_4_' + key).vimeo('play'); } /*** ***/ window.clearInterval(huge_interval['huge_it_playInterval_' +4]); play_4(); } } var staticthumbWidth; jQuery(window).load(function() { staticthumbWidth = jQuery('#huge_it_thumb_slider>li').width(); }); function huge_it_popup_resize_4() { var staticsliderwidth =870; var sliderwidth =870; var bodyWidth = jQuery(window).width(); var parentWidth = jQuery(".huge_it_slideshow_image_wrap_4").parent().width(); if (sliderwidth > parentWidth) { sliderwidth = parentWidth; } if (sliderwidth > bodyWidth) { sliderwidth = bodyWidth; } var str=410/(staticsliderwidth); var str2 =100/870; var sliderDynamicImageHeight = sliderwidth*str; var sliderDynamicThumbHeight = 0; jQuery('.huge_it_slideshow_image_wrap_4').css({'max-height':sliderDynamicImageHeight+sliderDynamicThumbHeight}); jQuery('.huge_it_slideshow_image_wrap1_4').css({'max-height':sliderDynamicImageHeight}); jQuery('.huge_it_slideshow_thumbs_4 li').css({'max-height':sliderDynamicThumbHeight}); jQuery("#huge_it_loading_image_4").css({display: "none"}); jQuery(".huge_it_slideshow_image_wrap1_4").css({opacity: 1}); jQuery(".huge_it_slideshow_image_wrap_4").removeClass("nocolor"); if ("resize"=="crop"){ jQuery(".huge_it_slider_ul li img").each(function(){ if(jQuery(this).prop('naturalWidth')>jQuery(this).prop('naturalHeight')) jQuery(this).css({'width':'100%','height':'auto'/*,'top':'50%','left':'50%','transform':'translate( -50%, -50% )'*/}); else{ jQuery(this).css({'height':'100%','width':'auto'/*,'top':'50%','left':'50%','transform':'translate( -50%, -50% )'*/}); } }); } jQuery(".huge_it_slideshow_image_wrap_4").css({opacity:1}); } jQuery(window).load(function () { jQuery(window).resize(function() { huge_it_popup_resize_4(); }); jQuery('#huge_it_slideshow_left_4').on('click',function(){ huge_it_change_image_4(parseInt(jQuery('#huge_it_current_image_key_4').val()), (parseInt(jQuery('#huge_it_current_image_key_4').val()) - iterator_4()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_4').val()) - iterator_4()) % data_4.length : data_4.length - 1, data_4,false,true); return false; }); jQuery('#huge_it_slideshow_right_4').on('click',function(){ huge_it_change_image_4(parseInt(jQuery('#huge_it_current_image_key_4').val()), (parseInt(jQuery('#huge_it_current_image_key_4').val()) + iterator_4()) % data_4.length, data_4,false,true); return false; }); huge_it_popup_resize_4(); /* Disable right click.*/ jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () { return false; }); /*HOVER SLIDESHOW*/ jQuery("#huge_it_slideshow_image_container_4, .huge_it_slideshow_image_container_4, .huge_it_slideshow_dots_container_4,#huge_it_slideshow_right_4,#huge_it_slideshow_left_4").hover(function(){ jQuery("#huge_it_slideshow_right_4").css({'display':'inline'}); jQuery("#huge_it_slideshow_left_4").css({'display':'inline'}); },function(){ jQuery("#huge_it_slideshow_right_4").css({'display':'none'}); jQuery("#huge_it_slideshow_left_4").css({'display':'none'}); }); if(pausehover=="on" && !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ jQuery("#huge_it_slideshow_image_container_4, .huge_it_slideshow_image_container_4").hover(function(){ window.clearInterval(huge_interval['huge_it_playInterval_'+4]); scrolling = false; },function(){ window.clearInterval(huge_interval['huge_it_playInterval_'+4]); scrolling = true; play_4(); }); } play_4(); }); function play_4(){ if(scrolling ){ huge_interval['huge_it_playInterval_'+4] = setInterval(function () { var iterator = 1; huge_it_change_image_4(parseInt(jQuery('#huge_it_current_image_key_4').val()), (parseInt(jQuery('#huge_it_current_image_key_4').val()) + iterator) % data_4.length, data_4,false,false); }, '5000'); } if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ huge_interval['huge_it_playInterval_'+4] = setInterval(function () { var iterator = 1; huge_it_change_image_4(parseInt(jQuery('#huge_it_current_image_key_4').val()), (parseInt(jQuery('#huge_it_current_image_key_4').val()) + iterator) % data_4.length, data_4,false,false); }, '5000'); } } jQuery(window).focus(function() { var i_4 = 0; jQuery(".huge_it_slider_4").children("div").each(function () { if (jQuery(this).css('opacity') == 1) { jQuery("#huge_it_current_image_key_4").val(i_4); } i_4++; }); }); jQuery(window).blur(function() { console.log(event_stack_4); window.clearInterval(huge_interval['huge_it_playInterval_'+4]); }); jQuery(window).focus(function() { play_4() }); .imgc_slider #slider77 { border-color: aqua; border-width: 3px; text-transform: uppercase; list-style: none; outline: none; } .thumb_image{ position: absolute; width: 100%; height: 100%; top: 0; left:0; } .entry-content a{ border-bottom: none !important; } .play-button-slider{ top: 0; left: 0; width: 100%; height: 100%; } .youtube-icon { position: absolute; background:url(https://www.petitfilou.de/wp-content/plugins/slider-image/images/play.youtube.png) center center no-repeat;background-size:14%;}Geburten, Geburtstage, Mitbringsel – so oft braucht man etwas für seine Lieben oder den Nachwuchs unserer Freunde und Verwandten. Über was könnte sich der Beschenkte denn nur freuen? Etwas von Petit Filou ist auf jeden Fall schon mal richtig! Wir haben unsere beliebtesten Produkte für Sie nach Preisen sortiert. Und wenn Sie gar nicht wissen, was denn gewünscht wird, so können Sie immer noch einen Gutschein von Petit Filou verschenken!