WordPress Plugins | SliderDemo 4 Post Sliders

fully in the immed";data_6["3"]["alt"]="Stories To Inspire: Dog Mentalist And Traces of Childhood";data_6["4"]=[];data_6["4"]["id"]="4";data_6["4"]["image_url"]="https://huge-it.com/?p=5584";data_6["4"]["description"]="

When a wildlife habitats, nature, danger, guiding, birding becomes the part of human’s life and business then the outcome of such an awesome mixt";data_6["4"]["alt"]="Stories To Inspire: Wildlife as an everyday challenge"; var huge_it_trans_in_progress_6 = false; var huge_it_transition_duration_6 = 1000; var huge_interval ={}; var id_array_index=sliderID_array.length var ifhasthumb ="dotstop"; sliderID_array[id_array_index] = // Stop autoplay. window.clearInterval(huge_interval['huge_it_playInterval_'+6]); var huge_it_current_key_6 = ''; function huge_it_move_dots_6() { var image_left = jQuery(".huge_it_slideshow_dots_active_6").position().left; var image_right = jQuery(".huge_it_slideshow_dots_active_6").position().left + jQuery(".huge_it_slideshow_dots_active_6").outerWidth(true); } function huge_it_testBrowser_cssTransitions_6() { return huge_it_testDom_6('Transition'); } function huge_it_testBrowser_cssTransforms3d_6() { return huge_it_testDom_6('Perspective'); } function huge_it_testDom_6(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_6(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_6()) { jQuery(".huge_it_slideshow_dots_6").removeClass("huge_it_slideshow_dots_active_6").addClass("huge_it_slideshow_dots_deactive_6"); jQuery("#huge_it_dots_" + huge_it_current_key_6 + "_6").removeClass("huge_it_slideshow_dots_deactive_6").addClass("huge_it_slideshow_dots_active_6"); return huge_it_fallback_6(current_image_class, next_image_class, direction); } if (!huge_it_testBrowser_cssTransforms3d_6()) { return huge_it_fallback3d_6(current_image_class, next_image_class, direction); } //alert(current_image_class+' '+next_image_class); jQuery(current_image_class).css({'z-index': 'none'}); jQuery(next_image_class).css({'z-index' : 2}); huge_it_trans_in_progress_6 = true; /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_6").removeClass("huge_it_slideshow_dots_active_6").addClass("huge_it_slideshow_dots_deactive_6"); jQuery("#huge_it_dots_" + huge_it_current_key_6 + "_6").removeClass("huge_it_slideshow_dots_deactive_6").addClass("huge_it_slideshow_dots_active_6"); jQuery(".huge_it_slide_bg_6").css('perspective', 1000); jQuery(current_image_class).css({ transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden' }); jQuery(".huge_it_slideshow_image_wrap_6,.huge_it_slide_bg_6,.huge_it_slideshow_image_item_6,.huge_it_slideshow_image_second_item_6 ").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_6").css({ transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d' }); /* Execution steps.*/ setTimeout(function () { jQuery(".huge_it_slider_6").css({ transition: 'all ' + huge_it_transition_duration_6 + 'ms ease-in-out', transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 20); /* After transition.*/ jQuery(".huge_it_slider_6").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { /*if (huge_it_from_focus_6) { huge_it_from_focus_6 = false; return; }*/ jQuery(".huge_it_slide_bg_6,.huge_it_slideshow_image_item_6,.huge_it_slideshow_image_second_item_6 ").css('overflow', 'hidden'); jQuery(".huge_it_slide_bg_6").removeAttr('style'); jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".huge_it_slider_6").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_6(); huge_it_trans_in_progress_6 = false; if (typeof event_stack_6 !== 'undefined' && event_stack_6.length >

').addClass('huge_it_grid_6'); /* 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_6"); 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_6").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_6 = false; if (typeof event_stack_6 !== 'undefined' && event_stack_6.length >
"); event_stack_6.push(current_key + '-' + key); return; } var direction = 'right'; if (huge_it_current_key_6 > key) { var direction = 'left'; } else if (huge_it_current_key_6 == key) { return false; } // Set active thumbnail position. huge_it_current_key_6 = key; //Change image id, title, description. jQuery("#huge_it_slideshow_image_6").attr('data-image_id', data_6[key]["id"]); jQuery(".huge_it_slideshow_title_text_6").html(data_6[key]["alt"]); jQuery(".huge_it_slideshow_description_text_6").html(data_6[key]["description"]); var current_image_class = "#image_id_6_" + data_6[current_key]["id"]; var next_image_class = "#image_id_6_" + data_6[key]["id"]; if(jQuery(current_image_class).find('.huge_it_video_frame_6').length>api>***/ window.clearInterval(huge_interval['huge_it_playInterval_'+6]); play_6(); } } var staticthumbWidth; jQuery(window).load(function(){ staticthumbWidth=jQuery('#huge_it_thumb_slider>li').width(); }) function huge_it_popup_resize_6() { var staticsliderwidth=312; var sliderwidth=312; var bodyWidth=jQuery(window).width(); var parentWidth = jQuery(".huge_it_slideshow_image_wrap_6").parent().width(); if(sliderwidth>parentWidth){sliderwidth=parentWidth;} if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;} var str=200/(staticsliderwidth-2*0); // alert(str); var str2 = 61/312; var sliderDynamicImageHeight = sliderwidth*str-2*0; var sliderDynamicThumbHeight = 0; jQuery('.huge_it_slideshow_image_wrap_6').css({'max-height':sliderDynamicImageHeight+sliderDynamicThumbHeight}); jQuery('.huge_it_slideshow_image_wrap1_6').css({'max-height':sliderDynamicImageHeight}); jQuery('.huge_it_slideshow_thumbs_6 li').css({'max-height':sliderDynamicThumbHeight-0}); jQuery("#huge_it_loading_image_6").css({display: "none"}); jQuery(".huge_it_slideshow_image_wrap1_6").css({opacity: 1}); jQuery(".huge_it_slideshow_image_wrap_6").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_6").css({opacity:1}); } jQuery(window).load(function () { jQuery(window).resize(function() { huge_it_popup_resize_6(); }); jQuery('#huge_it_slideshow_left_6').on('click',function(){ huge_it_change_image_6(parseInt(jQuery('#huge_it_current_image_key_6').val()), (parseInt(jQuery('#huge_it_current_image_key_6').val()) - iterator_6()) >