Welkom bij Burggraaf sierbestrating Lexmond | Burggraaf

Behandelde sierbestrating/tegels

Deze tegels zijn behandeld waardoor ze makkelijk in het onderhoud zijn. Per tegels word informatie gegeven over welke behandeling ze hebben gehad en wat de eigenschappen zijn.
var pausehover="on"; var huge_video_playing={}; var autoplayMatch={}; var scrolling; var ifhasthumb ="nonav"; 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_21').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: '169', width: '280', 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_21 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_21 = []; var event_stack_21 = []; var huge_it_trans_in_progress_21 = false; var huge_it_transition_duration_21 = 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_'+21]); var huge_it_current_key_21 = ''; function huge_it_move_dots_21() { var image_left = jQuery(".huge_it_slideshow_dots_active_21").position().left; var image_right = jQuery(".huge_it_slideshow_dots_active_21").position().left + jQuery(".huge_it_slideshow_dots_active_21").outerWidth(true); } function huge_it_testBrowser_cssTransitions_21() { return huge_it_testDom_21('Transition'); } function huge_it_testBrowser_cssTransforms3d_21() { return huge_it_testDom_21('Perspective'); } function huge_it_testDom_21(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_21(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_21()) { jQuery(".huge_it_slideshow_dots_21").removeClass("huge_it_slideshow_dots_active_21").addClass("huge_it_slideshow_dots_deactive_21"); jQuery("#huge_it_dots_" + huge_it_current_key_21 + "_21").removeClass("huge_it_slideshow_dots_deactive_21").addClass("huge_it_slideshow_dots_active_21"); return huge_it_fallback_21(current_image_class, next_image_class, direction); } if (!huge_it_testBrowser_cssTransforms3d_21()) { return huge_it_fallback3d_21(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_21 = true; /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_21").removeClass("huge_it_slideshow_dots_active_21").addClass("huge_it_slideshow_dots_deactive_21"); jQuery("#huge_it_dots_" + huge_it_current_key_21 + "_21").removeClass("huge_it_slideshow_dots_deactive_21").addClass("huge_it_slideshow_dots_active_21"); jQuery(".huge_it_slide_bg_21").css('perspective', 1000); jQuery(current_image_class).css({ transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden' }); jQuery(".huge_it_slideshow_image_wrap_21,.huge_it_slide_bg_21,.huge_it_slideshow_image_item_21,.huge_it_slideshow_image_second_item_21 ").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_21").css({ transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d' }); /* Execution steps.*/ setTimeout(function () { jQuery(".huge_it_slider_21").css({ transition: 'all ' + huge_it_transition_duration_21 + 'ms ease-in-out', transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 20); /* After transition.*/ jQuery(".huge_it_slider_21").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { jQuery(".huge_it_slide_bg_21,.huge_it_slideshow_image_item_21,.huge_it_slideshow_image_second_item_21 ").css('overflow', 'hidden'); jQuery(".huge_it_slide_bg_21").removeAttr('style'); jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".huge_it_slider_21").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_21(); huge_it_trans_in_progress_21 = false; if (typeof event_stack_21 !== 'undefined' && event_stack_21.length > 0) { key = event_stack_21[0].split("-"); event_stack_21.shift(); huge_it_change_image_21(key[0], key[1], data_21, true,false); } } } function huge_it_cubeH_21(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_21(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction); } else if (direction == 'left') { huge_it_cube_21(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction); } } function huge_it_cubeV_21(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_21(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction); } else if (direction == 'left') { huge_it_cube_21(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_21(current_image_class, next_image_class, direction) { huge_it_fade_21(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_21(current_image_class, next_image_class, direction) { huge_it_sliceV_21(current_image_class, next_image_class, direction); } function huge_it_none_21(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_21").removeClass("huge_it_slideshow_dots_active_21").addClass("huge_it_slideshow_dots_deactive_21"); jQuery("#huge_it_dots_" + huge_it_current_key_21 + "_21").removeClass("huge_it_slideshow_dots_deactive_21").addClass("huge_it_slideshow_dots_active_21"); } function huge_it_fade_21(current_image_class, next_image_class, direction) { if (huge_it_testBrowser_cssTransitions_21()) { jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_21 + 'ms linear'); jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_21 + '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_21); jQuery(next_image_class).animate({ 'opacity' : 1, 'z-index': 2 }, { duration: huge_it_transition_duration_21, complete: function () {return false;} }); // For IE. jQuery(current_image_class).fadeTo(huge_it_transition_duration_21, 0); jQuery(next_image_class).fadeTo(huge_it_transition_duration_21, 1); } jQuery(".huge_it_slideshow_dots_21").removeClass("huge_it_slideshow_dots_active_21").addClass("huge_it_slideshow_dots_deactive_21"); jQuery("#huge_it_dots_" + huge_it_current_key_21 + "_21").removeClass("huge_it_slideshow_dots_deactive_21").addClass("huge_it_slideshow_dots_active_21"); } function huge_it_grid_21(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_21()) { jQuery(".huge_it_slideshow_dots_21").removeClass("huge_it_slideshow_dots_active_21").addClass("huge_it_slideshow_dots_deactive_21"); jQuery("#huge_it_dots_" + huge_it_current_key_21 + "_21").removeClass("huge_it_slideshow_dots_deactive_21").addClass("huge_it_slideshow_dots_active_21"); return huge_it_fallback_21(current_image_class, next_image_class, direction); } huge_it_trans_in_progress_21 = true; /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_21").removeClass("huge_it_slideshow_dots_active_21").addClass("huge_it_slideshow_dots_deactive_21"); jQuery("#huge_it_dots_" + huge_it_current_key_21 + "_21").removeClass("huge_it_slideshow_dots_deactive_21").addClass("huge_it_slideshow_dots_active_21"); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (huge_it_transition_duration_21) / (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_21").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_21 + '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_21'); /* 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_21"); 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_21").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_21 = false; if (typeof event_stack_21 !== 'undefined' && event_stack_21.length > 0) { key = event_stack_21[0].split("-"); event_stack_21.shift(); huge_it_change_image_21(key[0], key[1], data_21, true,false); } } } function huge_it_sliceH_21(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_21(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_sliceV_21(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'min-auto'; } else if (direction == 'left') { var translateY = 'auto'; } huge_it_grid_21(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction); } function huge_it_slideV_21(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'auto'; } else if (direction == 'left') { var translateY = 'min-auto'; } huge_it_grid_21(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction); } function huge_it_slideH_21(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_21(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction); } function huge_it_scaleOut_21(current_image_class, next_image_class, direction) { huge_it_grid_21(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction); } function huge_it_scaleIn_21(current_image_class, next_image_class, direction) { huge_it_grid_21(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction); } function huge_it_blockScale_21(current_image_class, next_image_class, direction) { huge_it_grid_21(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction); } function huge_it_kaleidoscope_21(current_image_class, next_image_class, direction) { huge_it_grid_21(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_fan_21(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_21(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_blindV_21(current_image_class, next_image_class, direction) { huge_it_grid_21(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_blindH_21(current_image_class, next_image_class, direction) { huge_it_grid_21(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_random_21(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)] + "_21"](current_image_class, next_image_class, direction); } function iterator_21() { return 1; } function huge_it_change_image_21(current_key, key, data_21, from_effect, clicked) { if (data_21[key]) { if (!from_effect) { // Change image key. jQuery("#huge_it_current_image_key_21").val(key); current_key = jQuery(".huge_it_slideshow_dots_active_21").attr("data-image_key"); } if (huge_it_trans_in_progress_21) { event_stack_21.push(current_key + '-' + key); return; } var direction = 'right'; if (huge_it_current_key_21 > key) { direction = 'left'; } else if (huge_it_current_key_21 == key) { return false; } // Set active thumbnail position. huge_it_current_key_21 = key; jQuery("#huge_it_slideshow_image_21").attr('data-image_id', data_21[key]["id"]); jQuery(".huge_it_slideshow_title_text_21").html(data_21[key]["alt"]); jQuery(".huge_it_slideshow_description_text_21").html(data_21[key]["description"]); var current_image_class = "#image_id_21_" + data_21[current_key]["id"]; var next_image_class = "#image_id_21_" + data_21[key]["id"]; if (jQuery(current_image_class).find('.huge_it_video_frame_21').length > 0) { var streffect = 'cubeH'; if (streffect == "cubeV" || streffect == "cubeH" || streffect == "none" || streffect == "fade") { huge_it_cubeH_21(current_image_class, next_image_class, direction); } else { huge_it_fade_21(current_image_class, next_image_class, direction); } } else { huge_it_cubeH_21(current_image_class, next_image_class, direction); } jQuery('.huge_it_slideshow_title_text_21').removeClass('none'); if (jQuery('.huge_it_slideshow_title_text_21').html() == "") { jQuery('.huge_it_slideshow_title_text_21').addClass('none'); } jQuery('.huge_it_slideshow_description_text_21').removeClass('none'); if (jQuery('.huge_it_slideshow_description_text_21').html() == "") { jQuery('.huge_it_slideshow_description_text_21').addClass('none'); } jQuery(current_image_class).find('.huge_it_slideshow_title_text_21').addClass('none'); jQuery(current_image_class).find('.huge_it_slideshow_description_text_21').addClass('none'); huge_it_move_dots_21(); /*** for vimeo and youtube stop pause play etc... ***/ var nextVideo = jQuery('#video_id_21_' + key).attr('data-element-id'); var currentVideo = jQuery('#video_id_21_' + current_key).attr('data-element-id'); /*** add ***/ (currentVideo || nextVideo) && stopYoutubeVideo(currentVideo, nextVideo); if ((jQuery('#player_21_' + current_key)).hasClass('huge-it-iframe-vimeo')) { jQuery('#player_21_' + current_key).vimeo('pause'); } if ((jQuery('#player_21_' + key)).hasClass('huge-it-iframe-vimeo') && ('off' == 'on')) { jQuery('#player_21_' + key).vimeo('play'); } /*** ***/ window.clearInterval(huge_interval['huge_it_playInterval_' +21]); play_21(); } } var staticthumbWidth; jQuery(window).load(function() { staticthumbWidth = jQuery('#huge_it_thumb_slider>li').width(); }); function huge_it_popup_resize_21() { var staticsliderwidth =280; var sliderwidth =280; var bodyWidth = jQuery(window).width(); var parentWidth = jQuery(".huge_it_slideshow_image_wrap_21").parent().width(); if (sliderwidth > parentWidth) { sliderwidth = parentWidth; } if (sliderwidth > bodyWidth) { sliderwidth = bodyWidth; } var str=169/(staticsliderwidth); var str2 =100/280; var sliderDynamicImageHeight = sliderwidth*str; var sliderDynamicThumbHeight = 0; jQuery('.huge_it_slideshow_image_wrap_21').css({'max-height':sliderDynamicImageHeight+sliderDynamicThumbHeight}); jQuery('.huge_it_slideshow_image_wrap1_21').css({'max-height':sliderDynamicImageHeight}); jQuery('.huge_it_slideshow_thumbs_21 li').css({'max-height':sliderDynamicThumbHeight}); jQuery("#huge_it_loading_image_21").css({display: "none"}); jQuery(".huge_it_slideshow_image_wrap1_21").css({opacity: 1}); jQuery(".huge_it_slideshow_image_wrap_21").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_21").css({opacity:1}); } jQuery(window).load(function () { jQuery(window).resize(function() { huge_it_popup_resize_21(); }); jQuery('#huge_it_slideshow_left_21').on('click',function(){ huge_it_change_image_21(parseInt(jQuery('#huge_it_current_image_key_21').val()), (parseInt(jQuery('#huge_it_current_image_key_21').val()) - iterator_21()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_21').val()) - iterator_21()) % data_21.length : data_21.length - 1, data_21,false,true); return false; }); jQuery('#huge_it_slideshow_right_21').on('click',function(){ huge_it_change_image_21(parseInt(jQuery('#huge_it_current_image_key_21').val()), (parseInt(jQuery('#huge_it_current_image_key_21').val()) + iterator_21()) % data_21.length, data_21,false,true); return false; }); huge_it_popup_resize_21(); /* Disable right click.*/ jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () { return false; }); /*HOVER SLIDESHOW*/ jQuery("#huge_it_slideshow_image_container_21, .huge_it_slideshow_image_container_21, .huge_it_slideshow_dots_container_21,#huge_it_slideshow_right_21,#huge_it_slideshow_left_21").hover(function(){ jQuery("#huge_it_slideshow_right_21").css({'display':'inline'}); jQuery("#huge_it_slideshow_left_21").css({'display':'inline'}); },function(){ jQuery("#huge_it_slideshow_right_21").css({'display':'none'}); jQuery("#huge_it_slideshow_left_21").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_21, .huge_it_slideshow_image_container_21").hover(function(){ window.clearInterval(huge_interval['huge_it_playInterval_'+21]); scrolling = false; },function(){ window.clearInterval(huge_interval['huge_it_playInterval_'+21]); scrolling = true; play_21(); }); } play_21(); }); function play_21(){ if(scrolling || /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ huge_interval['huge_it_playInterval_'+21] = setInterval(function () { var iterator = 1; huge_it_change_image_21(parseInt(jQuery('#huge_it_current_image_key_21').val()), (parseInt(jQuery('#huge_it_current_image_key_21').val()) + iterator) % data_21.length, data_21,false,false); }, '5000'); } } jQuery(window).focus(function() { var i_21 = 0; jQuery(".huge_it_slider_21").children("div").each(function () { if (jQuery(this).css('opacity') == 1) { jQuery("#huge_it_current_image_key_21").val(i_21); } i_21++; }); }); jQuery(window).blur(function() { console.log(event_stack_21); window.clearInterval(huge_interval['huge_it_playInterval_'+21]); }); jQuery(window).focus(function() { play_21() }); .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.burggraaf-bv.nl/wp-content/plugins/slider-image/images/play.youtube.png) center center no-repeat;background-size:14%;}
jQuery(document).ready(function(jQuery) { setInterval(function() { jQuery('.huge_it_slider_21').find("li").each(function() { if (jQuery(this).css("opacity") == "1") { var img_id = jQuery(this).attr('id'); jQuery('.huge_it_slideshow_thumbs_21').each(function() { var allListElements = jQuery('li[id=' + img_id + ']'); jQuery(this).find(allListElements).not(".bx-clone").each(function() { jQuery('.huge_it_slideshow_thumbs_21 li').find(".trans_back").css('background', 'rgba(255,255,255,0.3)'); jQuery(this).find('.trans_back').css('background', 'none'); }) }) } }) }, 100) })