kokkoketo.fi

').addClass('huge_it_grid_1'); /* 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_1"); 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_1").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 < cols; i++) { var topDist = 0, img_topDst = (jQuery(".huge_it_slide_bg_1").height() - cur_img.height()) / 2, newColWidth = colWidth; /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/ if (colRemainder > 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 < rows; j++) { var newRowHeight = rowHeight, newRowRemainder = rowRemainder; /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/ if (newRowRemainder > 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_1 = false; if (typeof event_stack_1 !== 'undefined' && event_stack_1.length > 0) { key = event_stack_1[0].split("-"); event_stack_1.shift(); huge_it_change_image_1(key[0], key[1], data_1, true,false); } } } function huge_it_sliceH_1(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_1(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_sliceV_1(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'min-auto'; } else if (direction == 'left') { var translateY = 'auto'; } huge_it_grid_1(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction); } function huge_it_slideV_1(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'auto'; } else if (direction == 'left') { var translateY = 'min-auto'; } huge_it_grid_1(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction); } function huge_it_slideH_1(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_1(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction); } function huge_it_scaleOut_1(current_image_class, next_image_class, direction) { huge_it_grid_1(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction); } function huge_it_scaleIn_1(current_image_class, next_image_class, direction) { huge_it_grid_1(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction); } function huge_it_blockScale_1(current_image_class, next_image_class, direction) { huge_it_grid_1(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction); } function huge_it_kaleidoscope_1(current_image_class, next_image_class, direction) { huge_it_grid_1(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_fan_1(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_1(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_blindV_1(current_image_class, next_image_class, direction) { huge_it_grid_1(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_blindH_1(current_image_class, next_image_class, direction) { huge_it_grid_1(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_random_1(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)] + "_1"](current_image_class, next_image_class, direction); } function iterator_1() { var iterator = 1; return iterator; } function huge_it_change_image_1(current_key, key, data_1, from_effect,clicked) { if (data_1[key]) { if(video_is_playing_1 && !clicked){ return false; } if (!from_effect) { // Change image key. jQuery("#huge_it_current_image_key_1").val(key); // if (current_key == '-2') { /* Dots.*/ current_key = jQuery(".huge_it_slideshow_dots_active_1").attr("image_key"); // } } if (huge_it_trans_in_progress_1) { //errorlogjQuery(".huge_it_slideshow_image_wrap_1").after(" --IN TRANSACTION--
"); event_stack_1.push(current_key + '-' + key); return; } var direction = 'right'; if (huge_it_current_key_1 > key) { var direction = 'left'; } else if (huge_it_current_key_1 == key) { return false; } // Set active thumbnail position. huge_it_current_key_1 = key; //Change image id, title, description. jQuery("#huge_it_slideshow_image_1").attr('image_id', data_1[key]["id"]); jQuery(".huge_it_slideshow_title_text_1").html(data_1[key]["alt"]); jQuery(".huge_it_slideshow_description_text_1").html(data_1[key]["description"]); var current_image_class = "#image_id_1_" + data_1[current_key]["id"]; var next_image_class = "#image_id_1_" + data_1[key]["id"]; if(jQuery(current_image_class).find('.huge_it_video_frame_1').length>0) { var streffect='fade'; if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){ huge_it_fade_1(current_image_class, next_image_class, direction); }else{ huge_it_fade_1(current_image_class, next_image_class, direction); } }else{ huge_it_fade_1(current_image_class, next_image_class, direction); } jQuery('.huge_it_slideshow_title_text_1').removeClass('none'); if(jQuery('.huge_it_slideshow_title_text_1').html()==""){jQuery('.huge_it_slideshow_title_text_1').addClass('none');} jQuery('.huge_it_slideshow_description_text_1').removeClass('none'); if(jQuery('.huge_it_slideshow_description_text_1').html()==""){jQuery('.huge_it_slideshow_description_text_1').addClass('none');} jQuery(current_image_class).find('.huge_it_slideshow_title_text_1').addClass('none'); jQuery(current_image_class).find('.huge_it_slideshow_description_text_1').addClass('none'); //errorlogjQuery(".huge_it_slideshow_image_wrap_1").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--"); huge_it_move_dots_1(); window.clearInterval(huge_it_playInterval_1); play_1(); } } function huge_it_popup_resize_1() { var staticsliderwidth=711; var sliderwidth=711; var bodyWidth=jQuery(window).width(); var parentWidth = jQuery(".huge_it_slideshow_image_wrap_1").parent().width(); //if responsive js late responsive.js @ take body size and not parent div if(sliderwidth>parentWidth){sliderwidth=parentWidth;} if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;} var str=(400/staticsliderwidth); jQuery(".huge_it_slideshow_image_wrap_1").css({width: (sliderwidth)}); jQuery(".huge_it_slideshow_image_wrap_1").css({height: ((sliderwidth) * str)}); jQuery(".huge_it_slideshow_image_container_1").css({width: (sliderwidth)}); jQuery(".huge_it_slideshow_image_container_1").css({height: ((sliderwidth) * str)}); if("top"=="middle"){var titlemargintopminus=jQuery(".huge_it_slideshow_title_text_1").outerHeight()/2;} if("right"=="center"){var titlemarginleftminus=jQuery(".huge_it_slideshow_title_text_1").outerWidth()/2;} jQuery(".huge_it_slideshow_title_text_1").css({cssText: "margin-top:-" + titlemargintopminus + "px; margin-left:-"+titlemarginleftminus+"px;"}); if("bottom"=="middle"){var descriptionmargintopminus=jQuery(".huge_it_slideshow_description_text_1").outerHeight()/2;} if("right"=="center"){var descriptionmarginleftminus=jQuery(".huge_it_slideshow_description_text_1").outerWidth()/2;} jQuery(".huge_it_slideshow_description_text_1").css({cssText: "margin-top:-" + descriptionmargintopminus + "px; margin-left:-"+descriptionmarginleftminus+"px;"}); jQuery("#huge_it_loading_image_1").css({display: "none"}); jQuery(".huge_it_slideshow_image_wrap1_1").css({display: "block"}); jQuery(".huge_it_slideshow_image_wrap_1").removeClass("nocolor"); if("resize"=="resize"){ jQuery(".huge_it_slideshow_image_1, .huge_it_slideshow_image_container_1 img").css({ cssText: "width:" + sliderwidth + "px; height:" + ((sliderwidth) * str) +"px;" }); }else { jQuery(".huge_it_slideshow_image_1,.huge_it_slideshow_image_item2_1").css({ cssText: "max-width: " + sliderwidth + "px !important; max-height: " + (sliderwidth * str) + "px !important;" }); } jQuery('.huge_it_video_frame_1').each(function (e) { jQuery(this).width(sliderwidth); jQuery(this).height(sliderwidth * str); }); } jQuery(window).load(function () { jQuery(window).resize(function() { huge_it_popup_resize_1(); }); jQuery('#huge_it_slideshow_left_1').on('click',function(){ huge_it_change_image_1(parseInt(jQuery('#huge_it_current_image_key_1').val()), (parseInt(jQuery('#huge_it_current_image_key_1').val()) - iterator_1()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_1').val()) - iterator_1()) % data_1.length : data_1.length - 1, data_1,false,true); return false; }); jQuery('#huge_it_slideshow_right_1').on('click',function(){ huge_it_change_image_1(parseInt(jQuery('#huge_it_current_image_key_1').val()), (parseInt(jQuery('#huge_it_current_image_key_1').val()) + iterator_1()) % data_1.length, data_1,false,true); return false; }); huge_it_popup_resize_1(); /* Disable right click.*/ jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () { return false; }); /*HOVER SLIDESHOW*/ jQuery("#huge_it_slideshow_image_container_1, .huge_it_slideshow_image_container_1, .huge_it_slideshow_dots_container_1,#huge_it_slideshow_right_1,#huge_it_slideshow_left_1").hover(function(){ //errorlogjQuery(".huge_it_slideshow_image_wrap_1").after(" -- hover --
"); jQuery("#huge_it_slideshow_right_1").css({'display':'inline'}); jQuery("#huge_it_slideshow_left_1").css({'display':'inline'}); },function(){ jQuery("#huge_it_slideshow_right_1").css({'display':'none'}); jQuery("#huge_it_slideshow_left_1").css({'display':'none'}); }); var pausehover="on"; if(pausehover=="on"){ jQuery("#huge_it_slideshow_image_container_1, .huge_it_slideshow_image_container_1, .huge_it_slideshow_dots_container_1,#huge_it_slideshow_right_1,#huge_it_slideshow_left_1").hover(function(){ window.clearInterval(huge_it_playInterval_1); },function(){ window.clearInterval(huge_it_playInterval_1); play_1(); }); } play_1(); }); function play_1() { /* Play.*/ //errorlogjQuery(".huge_it_slideshow_image_wrap_1").after(" -- paly ---- "); huge_it_playInterval_1 = setInterval(function () { //errorlogjQuery(".huge_it_slideshow_image_wrap_1").after(" -- time left ---- "); var iterator = 1; huge_it_change_image_1(parseInt(jQuery('#huge_it_current_image_key_1').val()), (parseInt(jQuery('#huge_it_current_image_key_1').val()) + iterator) % data_1.length, data_1,false,false); }, '5000'); } jQuery(window).focus(function() { /*event_stack_1 = [];*/ var i_1 = 0; jQuery(".huge_it_slider_1").children("div").each(function () { if (jQuery(this).css('opacity') == 1) { jQuery("#huge_it_current_image_key_1").val(i_1); } i_1++; }); }); jQuery(window).blur(function() { event_stack_1 = []; window.clearInterval(huge_it_playInterval_1); }); #huge_it_loading_image_1 { height:400px; width:711px; display: table-cell; text-align: center; vertical-align: middle; } #huge_it_loading_image_1.display { display: table-cell; } #huge_it_loading_image_1.nodisplay { display: none; } #huge_it_loading_image_1 img { margin: auto 0; width: 20% !important; } .huge_it_slideshow_image_wrap_1 { height:400px; width:711px; position:relative; display: block; text-align: center; /*HEIGHT FROM HEADER.PHP*/ clear:both; float:none; margin:0px auto; border-style:solid; border-left:0px !important; border-right:0px !important; } .huge_it_slideshow_image_wrap1_1.display { width: 100%; height:100%; } .huge_it_slideshow_image_wrap1_1.display { display:block; } .huge_it_slideshow_image_wrap1_1.nodisplay { display:none; } .huge_it_slideshow_image_wrap_1 * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .huge_it_slideshow_image_1 { /*width:100%;*/ } #huge_it_slideshow_left_1, #huge_it_slideshow_right_1 { cursor: pointer; display:none; display: block; height: 100%; outline: medium none; position: absolute; /*z-index: 10130;*/ z-index: 13; bottom:25px; top:50%; } #huge_it_slideshow_left-ico_1, #huge_it_slideshow_right-ico_1 { z-index: 13; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; display: table; left: -9999px; line-height: 0; margin-top: -15px; position: absolute; top: 50%; /*z-index: 10135;*/ } #huge_it_slideshow_left-ico_1:hover, #huge_it_slideshow_right-ico_1:hover { cursor: pointer; } .huge_it_slideshow_image_container_1 { display: table; position: relative; top:0px; left:0px; text-align: center; vertical-align: middle; width:100%; } .huge_it_slideshow_title_text_1 { text-decoration: none; position: absolute; z-index: 11; display: inline-block; width:24%; /*height:44%;*/ right:3%;top:3%; padding:2%; text-align:right; font-weight:bold; color:#000000; background:rgba(255,255,255,0.7) !important; border-style:solid; font-size:13px; border-width:0px; border-color:#ffffff; border-radius:4px; } .huge_it_slideshow_description_text_1 { text-decoration: none; position: absolute; z-index: 11; border-style:solid; display: inline-block; width:64%; /*height:44%;*/ right:3%;bottom:3%; padding:3%; text-align:justify; color:#ffffff; background:rgba(0,0,0,0.7) !important; border-style:solid; font-size:13px; border-width:0px; border-color:#ffffff; border-radius:0px; } .huge_it_slideshow_title_text_1.none, .huge_it_slideshow_description_text_1.none, .huge_it_slideshow_title_text_1.hidden, .huge_it_slideshow_description_text_1.hidden {display:none;} .huge_it_slideshow_title_text_1 h1, .huge_it_slideshow_description_text_1 h1, .huge_it_slideshow_title_text_1 h2, .huge_it_slideshow_title_text_1 h2, .huge_it_slideshow_title_text_1 h3, .huge_it_slideshow_title_text_1 h3, .huge_it_slideshow_title_text_1 h4, .huge_it_slideshow_title_text_1 h4, .huge_it_slideshow_title_text_1 p, .huge_it_slideshow_title_text_1 p, .huge_it_slideshow_title_text_1 strong, .huge_it_slideshow_title_text_1 strong, .huge_it_slideshow_title_text_1 span, .huge_it_slideshow_title_text_1 span, .huge_it_slideshow_title_text_1 ul, .huge_it_slideshow_title_text_1 ul, .huge_it_slideshow_title_text_1 li, .huge_it_slideshow_title_text_1 li { padding:2px; margin:0px; } .huge_it_slide_container_1 { display: table-cell; margin: 0 auto; position: relative; vertical-align: middle; width:100%; height:100%; _width: inherit; _height: inherit; } .huge_it_slide_bg_1 { margin: 0 auto; width:100%; height:100%; _width: inherit; _height: inherit; } .huge_it_slider_1 { width:100%; height:100%; display:table !important; padding:0px !important; margin:0px !important; } .huge_it_slideshow_image_item_1 { width:100%; height:100%; _width: inherit; _height: inherit; display: table-cell; filter: Alpha(opacity=100); opacity: 1; position: absolute; top:0px !important; left:0px !important; vertical-align: middle; z-index: 1; margin:0px !important; padding:0px !important; border-radius: 0px !important; } .huge_it_slideshow_image_second_item_1 { width:100%; height:100%; _width: inherit; _height: inherit; display: table-cell; filter: Alpha(opacity=0); opacity: 0; position: absolute; top:0px !important; left:0px !important; vertical-align: middle; overflow:hidden; margin:0px !important; visibility:visible !important; padding:0px !important; border-radius: 0px !important; } .huge_it_slideshow_image_second_item_1 a, .huge_it_slideshow_image_item_1 a { display:block; width:100%; height:100%; } .huge_it_grid_1 { display: none; height: 100%; overflow: hidden; position: absolute; width: 100%; } .huge_it_gridlet_1 { opacity: 1; filter: Alpha(opacity=100); position: absolute; } .huge_it_slideshow_dots_container_1 { display: table; position: absolute; width:100% !important; height:100% !important; } .huge_it_slideshow_dots_thumbnails_1 { margin: 0 auto; overflow: hidden; position: absolute; width:100%; height:30px; } .huge_it_slideshow_dots_1 { display: inline-block; position: relative; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1); width:10px; height: 10px; border-radius: 10px; background: #00f; margin: 10px; overflow: hidden; z-index: 17; } .huge_it_slideshow_dots_active_1 { opacity: 1; filter: Alpha(opacity=100); } .huge_it_slideshow_dots_deactive_1 { } .huge_it_slideshow_image_wrap_1 { background:#ffffff; border-width:0px; border-color:#ffffff; border-radius:0px; } .huge_it_slideshow_image_wrap_1.nocolor { background: transparent; } .huge_it_slideshow_dots_thumbnails_1 { top:0px; } .huge_it_slideshow_dots_1 { background:#000000; } .huge_it_slideshow_dots_active_1 { background:#ffffff; } #huge_it_slideshow_left_1 { left:0px; margin-top:-21px; height:43px; width:29px; background:url(https://www.kokkoketo.fi/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; } #huge_it_slideshow_right_1 { right:0px; margin-top:-21px; height:43px; width:29px; background:url(https://www.kokkoketo.fi/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; }