').addClass('huge_it_grid_33'); /* 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_33"); 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_33").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_33 = false; if (typeof event_stack_33 !== 'undefined' && event_stack_33.length > 0) { key = event_stack_33[0].split("-"); event_stack_33.shift(); huge_it_change_image_33(key[0], key[1], data_33, true,false); } } } function huge_it_sliceH_33(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_33(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_sliceV_33(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'min-auto'; } else if (direction == 'left') { var translateY = 'auto'; } huge_it_grid_33(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction); } function huge_it_slideV_33(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'auto'; } else if (direction == 'left') { var translateY = 'min-auto'; } huge_it_grid_33(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction); } function huge_it_slideH_33(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_33(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction); } function huge_it_scaleOut_33(current_image_class, next_image_class, direction) { huge_it_grid_33(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction); } function huge_it_scaleIn_33(current_image_class, next_image_class, direction) { huge_it_grid_33(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction); } function huge_it_blockScale_33(current_image_class, next_image_class, direction) { huge_it_grid_33(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction); } function huge_it_kaleidoscope_33(current_image_class, next_image_class, direction) { huge_it_grid_33(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_fan_33(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_33(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_blindV_33(current_image_class, next_image_class, direction) { huge_it_grid_33(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_blindH_33(current_image_class, next_image_class, direction) { huge_it_grid_33(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_random_33(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)] + "_33"](current_image_class, next_image_class, direction); } function iterator_33() { return 1; } function huge_it_change_image_33(current_key, key, data_33, from_effect, clicked) { if (data_33[key]) { if (!from_effect) { // Change image key. jQuery("#huge_it_current_image_key_33").val(key); current_key = jQuery(".huge_it_slideshow_dots_active_33").attr("data-image_key"); } if (huge_it_trans_in_progress_33) { event_stack_33.push(current_key + '-' + key); return; } var direction = 'right'; if (huge_it_current_key_33 > key) { direction = 'left'; } else if (huge_it_current_key_33 == key) { return false; } // Set active thumbnail position. huge_it_current_key_33 = key; jQuery("#huge_it_slideshow_image_33").attr('data-image_id', data_33[key]["id"]); jQuery(".huge_it_slideshow_title_text_33").html(data_33[key]["alt"]); jQuery(".huge_it_slideshow_description_text_33").html(data_33[key]["description"]); var current_image_class = "#image_id_33_" + data_33[current_key]["id"]; var next_image_class = "#image_id_33_" + data_33[key]["id"]; if (jQuery(current_image_class).find('.huge_it_video_frame_33').length > 0) { var streffect = 'cubeH'; if (streffect == "cubeV" || streffect == "cubeH" || streffect == "none" || streffect == "fade") { huge_it_cubeH_33(current_image_class, next_image_class, direction); } else { huge_it_fade_33(current_image_class, next_image_class, direction); } } else { huge_it_cubeH_33(current_image_class, next_image_class, direction); } jQuery('.huge_it_slideshow_title_text_33').removeClass('none'); if (jQuery('.huge_it_slideshow_title_text_33').html() == "") { jQuery('.huge_it_slideshow_title_text_33').addClass('none'); } jQuery('.huge_it_slideshow_description_text_33').removeClass('none'); if (jQuery('.huge_it_slideshow_description_text_33').html() == "") { jQuery('.huge_it_slideshow_description_text_33').addClass('none'); } jQuery(current_image_class).find('.huge_it_slideshow_title_text_33').addClass('none'); jQuery(current_image_class).find('.huge_it_slideshow_description_text_33').addClass('none'); huge_it_move_dots_33(); /*** for vimeo and youtube stop pause play etc... ***/ var nextVideo = jQuery('#video_id_33_' + key).attr('data-element-id'); var currentVideo = jQuery('#video_id_33_' + current_key).attr('data-element-id'); /*** add ***/ (currentVideo || nextVideo) && stopYoutubeVideo(currentVideo, nextVideo); if ((jQuery('#player_33_' + current_key)).hasClass('huge-it-iframe-vimeo')) { jQuery('#player_33_' + current_key).vimeo('pause'); } if ((jQuery('#player_33_' + key)).hasClass('huge-it-iframe-vimeo') && ('off' == 'on')) { jQuery('#player_33_' + key).vimeo('play'); } /*** ***/ window.clearInterval(huge_interval['huge_it_playInterval_' +33]); play_33(); } } var staticthumbWidth; jQuery(window).load(function() { staticthumbWidth = jQuery('#huge_it_thumb_slider>li').width(); }); function huge_it_popup_resize_33() { var staticsliderwidth =870; var sliderwidth =870; var bodyWidth = jQuery(window).width(); var parentWidth = jQuery(".huge_it_slideshow_image_wrap_33").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_33').css({'max-height':sliderDynamicImageHeight+sliderDynamicThumbHeight}); jQuery('.huge_it_slideshow_image_wrap1_33').css({'max-height':sliderDynamicImageHeight}); jQuery('.huge_it_slideshow_thumbs_33 li').css({'max-height':sliderDynamicThumbHeight}); jQuery("#huge_it_loading_image_33").css({display: "none"}); jQuery(".huge_it_slideshow_image_wrap1_33").css({opacity: 1}); jQuery(".huge_it_slideshow_image_wrap_33").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_33").css({opacity:1}); } jQuery(window).load(function () { jQuery(window).resize(function() { huge_it_popup_resize_33(); }); jQuery('#huge_it_slideshow_left_33').on('click',function(){ huge_it_change_image_33(parseInt(jQuery('#huge_it_current_image_key_33').val()), (parseInt(jQuery('#huge_it_current_image_key_33').val()) - iterator_33()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_33').val()) - iterator_33()) % data_33.length : data_33.length - 1, data_33,false,true); return false; }); jQuery('#huge_it_slideshow_right_33').on('click',function(){ huge_it_change_image_33(parseInt(jQuery('#huge_it_current_image_key_33').val()), (parseInt(jQuery('#huge_it_current_image_key_33').val()) + iterator_33()) % data_33.length, data_33,false,true); return false; }); huge_it_popup_resize_33(); /* Disable right click.*/ jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () { return false; }); /*HOVER SLIDESHOW*/ jQuery("#huge_it_slideshow_image_container_33, .huge_it_slideshow_image_container_33, .huge_it_slideshow_dots_container_33,#huge_it_slideshow_right_33,#huge_it_slideshow_left_33").hover(function(){ jQuery("#huge_it_slideshow_right_33").css({'display':'inline'}); jQuery("#huge_it_slideshow_left_33").css({'display':'inline'}); },function(){ jQuery("#huge_it_slideshow_right_33").css({'display':'none'}); jQuery("#huge_it_slideshow_left_33").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_33, .huge_it_slideshow_image_container_33").hover(function(){ window.clearInterval(huge_interval['huge_it_playInterval_'+33]); scrolling = false; },function(){ window.clearInterval(huge_interval['huge_it_playInterval_'+33]); scrolling = true; play_33(); }); } play_33(); }); function play_33(){ if(scrolling ){ huge_interval['huge_it_playInterval_'+33] = setInterval(function () { var iterator = 1; huge_it_change_image_33(parseInt(jQuery('#huge_it_current_image_key_33').val()), (parseInt(jQuery('#huge_it_current_image_key_33').val()) + iterator) % data_33.length, data_33,false,false); }, '5000'); } if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ huge_interval['huge_it_playInterval_'+33] = setInterval(function () { var iterator = 1; huge_it_change_image_33(parseInt(jQuery('#huge_it_current_image_key_33').val()), (parseInt(jQuery('#huge_it_current_image_key_33').val()) + iterator) % data_33.length, data_33,false,false); }, '5000'); } } jQuery(window).focus(function() { var i_33 = 0; jQuery(".huge_it_slider_33").children("div").each(function () { if (jQuery(this).css('opacity') == 1) { jQuery("#huge_it_current_image_key_33").val(i_33); } i_33++; }); }); jQuery(window).blur(function() { console.log(event_stack_33); window.clearInterval(huge_interval['huge_it_playInterval_'+33]); }); jQuery(window).focus(function() { play_33() }); .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%;}

Manchmal möchte man nur eine kleine Aufmerksamkeit in der Tasche haben, wenn man einen Besuch abstattet. Mit einem feinem Mulltuch, einem hübschen Kissenbezug oder einem kleinen Lätzchen mit süßer Stickerei liegen Sie sicherlich immer richtig.