').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!