Welkom bij Burggraaf sierbestrating Lexmond | Burggraaf

Keramische tegels

Deze prachtige gebakken keramische terrastegels hebben een luxe uitstraling en hebben als eigenschap dat zij, krasvast en kleurvast zijn. Kom ons assortiment in keramiek tuintegels en andere sierbestrating bekijken in onze showtuin in Lexmond (provincie Utrecht)voor meer informatie over deze tegels kunt u op de foto klikken

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_3').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_3 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_3 = []; var event_stack_3 = []; data_3["0"]=[];data_3["0"]["id"]="0";data_3["0"]["image_url"]="https://www.burggraaf-bv.nl/wp-content/uploads/2017/03/natural-yellow-keramiek.jpg";data_3["0"]["description"]="";data_3["0"]["alt"]="Keramische tegels natural yellow";data_3["1"]=[];data_3["1"]["id"]="1";data_3["1"]["image_url"]="https://www.burggraaf-bv.nl/wp-content/uploads/2017/03/keramiek-houtnerf-grijs.jpg";data_3["1"]["description"]="";data_3["1"]["alt"]="Keramiek tegels Houtnerf grijs";data_3["2"]=[];data_3["2"]["id"]="2";data_3["2"]["image_url"]="https://www.burggraaf-bv.nl/wp-content/uploads/2017/03/porto-keramiek-tuintegels.jpg";data_3["2"]["description"]="";data_3["2"]["alt"]="Keramische tegels Porto";data_3["3"]=[];data_3["3"]["id"]="3";data_3["3"]["image_url"]="https://www.burggraaf-bv.nl/wp-content/uploads/2017/03/keramiek-sydney.jpg";data_3["3"]["description"]="";data_3["3"]["alt"]="Keramische tegels Syndney";data_3["4"]=[];data_3["4"]["id"]="4";data_3["4"]["image_url"]="https://www.burggraaf-bv.nl/wp-content/uploads/2017/03/LQ.jpg";data_3["4"]["description"]="";data_3["4"]["alt"]="Keramische tegels Azoren"; var huge_it_trans_in_progress_3 = false; var huge_it_transition_duration_3 = 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_'+3]); var huge_it_current_key_3 = ''; function huge_it_move_dots_3() { var image_left = jQuery(".huge_it_slideshow_dots_active_3").position().left; var image_right = jQuery(".huge_it_slideshow_dots_active_3").position().left + jQuery(".huge_it_slideshow_dots_active_3").outerWidth(true); } function huge_it_testBrowser_cssTransitions_3() { return huge_it_testDom_3('Transition'); } function huge_it_testBrowser_cssTransforms3d_3() { return huge_it_testDom_3('Perspective'); } function huge_it_testDom_3(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_3(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_3()) { jQuery(".huge_it_slideshow_dots_3").removeClass("huge_it_slideshow_dots_active_3").addClass("huge_it_slideshow_dots_deactive_3"); jQuery("#huge_it_dots_" + huge_it_current_key_3 + "_3").removeClass("huge_it_slideshow_dots_deactive_3").addClass("huge_it_slideshow_dots_active_3"); return huge_it_fallback_3(current_image_class, next_image_class, direction); } if (!huge_it_testBrowser_cssTransforms3d_3()) { return huge_it_fallback3d_3(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_3 = true; /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_3").removeClass("huge_it_slideshow_dots_active_3").addClass("huge_it_slideshow_dots_deactive_3"); jQuery("#huge_it_dots_" + huge_it_current_key_3 + "_3").removeClass("huge_it_slideshow_dots_deactive_3").addClass("huge_it_slideshow_dots_active_3"); jQuery(".huge_it_slide_bg_3").css('perspective', 1000); jQuery(current_image_class).css({ transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden' }); jQuery(".huge_it_slideshow_image_wrap_3,.huge_it_slide_bg_3,.huge_it_slideshow_image_item_3,.huge_it_slideshow_image_second_item_3 ").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_3").css({ transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d' }); /* Execution steps.*/ setTimeout(function () { jQuery(".huge_it_slider_3").css({ transition: 'all ' + huge_it_transition_duration_3 + 'ms ease-in-out', transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 20); /* After transition.*/ jQuery(".huge_it_slider_3").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { jQuery(".huge_it_slide_bg_3,.huge_it_slideshow_image_item_3,.huge_it_slideshow_image_second_item_3 ").css('overflow', 'hidden'); jQuery(".huge_it_slide_bg_3").removeAttr('style'); jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".huge_it_slider_3").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_3(); huge_it_trans_in_progress_3 = false; if (typeof event_stack_3 !== 'undefined' && event_stack_3.length > 0) { key = event_stack_3[0].split("-"); event_stack_3.shift(); huge_it_change_image_3(key[0], key[1], data_3, true,false); } } } function huge_it_cubeH_3(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_3(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction); } else if (direction == 'left') { huge_it_cube_3(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction); } } function huge_it_cubeV_3(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_3(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction); } else if (direction == 'left') { huge_it_cube_3(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_3(current_image_class, next_image_class, direction) { huge_it_fade_3(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_3(current_image_class, next_image_class, direction) { huge_it_sliceV_3(current_image_class, next_image_class, direction); } function huge_it_none_3(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_3").removeClass("huge_it_slideshow_dots_active_3").addClass("huge_it_slideshow_dots_deactive_3"); jQuery("#huge_it_dots_" + huge_it_current_key_3 + "_3").removeClass("huge_it_slideshow_dots_deactive_3").addClass("huge_it_slideshow_dots_active_3"); } function huge_it_fade_3(current_image_class, next_image_class, direction) { if (huge_it_testBrowser_cssTransitions_3()) { jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_3 + 'ms linear'); jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_3 + '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_3); jQuery(next_image_class).animate({ 'opacity' : 1, 'z-index': 2 }, { duration: huge_it_transition_duration_3, complete: function () {return false;} }); // For IE. jQuery(current_image_class).fadeTo(huge_it_transition_duration_3, 0); jQuery(next_image_class).fadeTo(huge_it_transition_duration_3, 1); } jQuery(".huge_it_slideshow_dots_3").removeClass("huge_it_slideshow_dots_active_3").addClass("huge_it_slideshow_dots_deactive_3"); jQuery("#huge_it_dots_" + huge_it_current_key_3 + "_3").removeClass("huge_it_slideshow_dots_deactive_3").addClass("huge_it_slideshow_dots_active_3"); } function huge_it_grid_3(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_3()) { jQuery(".huge_it_slideshow_dots_3").removeClass("huge_it_slideshow_dots_active_3").addClass("huge_it_slideshow_dots_deactive_3"); jQuery("#huge_it_dots_" + huge_it_current_key_3 + "_3").removeClass("huge_it_slideshow_dots_deactive_3").addClass("huge_it_slideshow_dots_active_3"); return huge_it_fallback_3(current_image_class, next_image_class, direction); } huge_it_trans_in_progress_3 = true; /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_3").removeClass("huge_it_slideshow_dots_active_3").addClass("huge_it_slideshow_dots_deactive_3"); jQuery("#huge_it_dots_" + huge_it_current_key_3 + "_3").removeClass("huge_it_slideshow_dots_deactive_3").addClass("huge_it_slideshow_dots_active_3"); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (huge_it_transition_duration_3) / (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_3").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_3 + '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_3'); /* 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_3"); 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_3").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_3 = false; if (typeof event_stack_3 !== 'undefined' && event_stack_3.length > 0) { key = event_stack_3[0].split("-"); event_stack_3.shift(); huge_it_change_image_3(key[0], key[1], data_3, true,false); } } } function huge_it_sliceH_3(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_3(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_sliceV_3(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'min-auto'; } else if (direction == 'left') { var translateY = 'auto'; } huge_it_grid_3(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction); } function huge_it_slideV_3(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'auto'; } else if (direction == 'left') { var translateY = 'min-auto'; } huge_it_grid_3(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction); } function huge_it_slideH_3(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_3(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction); } function huge_it_scaleOut_3(current_image_class, next_image_class, direction) { huge_it_grid_3(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction); } function huge_it_scaleIn_3(current_image_class, next_image_class, direction) { huge_it_grid_3(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction); } function huge_it_blockScale_3(current_image_class, next_image_class, direction) { huge_it_grid_3(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction); } function huge_it_kaleidoscope_3(current_image_class, next_image_class, direction) { huge_it_grid_3(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_fan_3(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_3(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_blindV_3(current_image_class, next_image_class, direction) { huge_it_grid_3(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_blindH_3(current_image_class, next_image_class, direction) { huge_it_grid_3(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_random_3(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)] + "_3"](current_image_class, next_image_class, direction); } function iterator_3() { return 1; } function huge_it_change_image_3(current_key, key, data_3, from_effect, clicked) { if (data_3[key]) { if (!from_effect) { // Change image key. jQuery("#huge_it_current_image_key_3").val(key); current_key = jQuery(".huge_it_slideshow_dots_active_3").attr("data-image_key"); } if (huge_it_trans_in_progress_3) { event_stack_3.push(current_key + '-' + key); return; } var direction = 'right'; if (huge_it_current_key_3 > key) { direction = 'left'; } else if (huge_it_current_key_3 == key) { return false; } // Set active thumbnail position. huge_it_current_key_3 = key; jQuery("#huge_it_slideshow_image_3").attr('data-image_id', data_3[key]["id"]); jQuery(".huge_it_slideshow_title_text_3").html(data_3[key]["alt"]); jQuery(".huge_it_slideshow_description_text_3").html(data_3[key]["description"]); var current_image_class = "#image_id_3_" + data_3[current_key]["id"]; var next_image_class = "#image_id_3_" + data_3[key]["id"]; if (jQuery(current_image_class).find('.huge_it_video_frame_3').length > 0) { var streffect = 'cubeH'; if (streffect == "cubeV" || streffect == "cubeH" || streffect == "none" || streffect == "fade") { huge_it_cubeH_3(current_image_class, next_image_class, direction); } else { huge_it_fade_3(current_image_class, next_image_class, direction); } } else { huge_it_cubeH_3(current_image_class, next_image_class, direction); } jQuery('.huge_it_slideshow_title_text_3').removeClass('none'); if (jQuery('.huge_it_slideshow_title_text_3').html() == "") { jQuery('.huge_it_slideshow_title_text_3').addClass('none'); } jQuery('.huge_it_slideshow_description_text_3').removeClass('none'); if (jQuery('.huge_it_slideshow_description_text_3').html() == "") { jQuery('.huge_it_slideshow_description_text_3').addClass('none'); } jQuery(current_image_class).find('.huge_it_slideshow_title_text_3').addClass('none'); jQuery(current_image_class).find('.huge_it_slideshow_description_text_3').addClass('none'); huge_it_move_dots_3(); /*** for vimeo and youtube stop pause play etc... ***/ var nextVideo = jQuery('#video_id_3_' + key).attr('data-element-id'); var currentVideo = jQuery('#video_id_3_' + current_key).attr('data-element-id'); /*** add ***/ (currentVideo || nextVideo) && stopYoutubeVideo(currentVideo, nextVideo); if ((jQuery('#player_3_' + current_key)).hasClass('huge-it-iframe-vimeo')) { jQuery('#player_3_' + current_key).vimeo('pause'); } if ((jQuery('#player_3_' + key)).hasClass('huge-it-iframe-vimeo') && ('off' == 'on')) { jQuery('#player_3_' + key).vimeo('play'); } /*** ***/ window.clearInterval(huge_interval['huge_it_playInterval_' +3]); play_3(); } } var staticthumbWidth; jQuery(window).load(function() { staticthumbWidth = jQuery('#huge_it_thumb_slider>li').width(); }); function huge_it_popup_resize_3() { var staticsliderwidth =280; var sliderwidth =280; var bodyWidth = jQuery(window).width(); var parentWidth = jQuery(".huge_it_slideshow_image_wrap_3").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_3').css({'max-height':sliderDynamicImageHeight+sliderDynamicThumbHeight}); jQuery('.huge_it_slideshow_image_wrap1_3').css({'max-height':sliderDynamicImageHeight}); jQuery('.huge_it_slideshow_thumbs_3 li').css({'max-height':sliderDynamicThumbHeight}); jQuery("#huge_it_loading_image_3").css({display: "none"}); jQuery(".huge_it_slideshow_image_wrap1_3").css({opacity: 1}); jQuery(".huge_it_slideshow_image_wrap_3").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_3").css({opacity:1}); } jQuery(window).load(function () { jQuery(window).resize(function() { huge_it_popup_resize_3(); }); jQuery('#huge_it_slideshow_left_3').on('click',function(){ huge_it_change_image_3(parseInt(jQuery('#huge_it_current_image_key_3').val()), (parseInt(jQuery('#huge_it_current_image_key_3').val()) - iterator_3()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_3').val()) - iterator_3()) % data_3.length : data_3.length - 1, data_3,false,true); return false; }); jQuery('#huge_it_slideshow_right_3').on('click',function(){ huge_it_change_image_3(parseInt(jQuery('#huge_it_current_image_key_3').val()), (parseInt(jQuery('#huge_it_current_image_key_3').val()) + iterator_3()) % data_3.length, data_3,false,true); return false; }); huge_it_popup_resize_3(); /* Disable right click.*/ jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () { return false; }); /*HOVER SLIDESHOW*/ jQuery("#huge_it_slideshow_image_container_3, .huge_it_slideshow_image_container_3, .huge_it_slideshow_dots_container_3,#huge_it_slideshow_right_3,#huge_it_slideshow_left_3").hover(function(){ jQuery("#huge_it_slideshow_right_3").css({'display':'inline'}); jQuery("#huge_it_slideshow_left_3").css({'display':'inline'}); },function(){ jQuery("#huge_it_slideshow_right_3").css({'display':'none'}); jQuery("#huge_it_slideshow_left_3").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_3, .huge_it_slideshow_image_container_3").hover(function(){ window.clearInterval(huge_interval['huge_it_playInterval_'+3]); scrolling = false; },function(){ window.clearInterval(huge_interval['huge_it_playInterval_'+3]); scrolling = true; play_3(); }); } play_3(); }); function play_3(){ if(scrolling || /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ huge_interval['huge_it_playInterval_'+3] = setInterval(function () { var iterator = 1; huge_it_change_image_3(parseInt(jQuery('#huge_it_current_image_key_3').val()), (parseInt(jQuery('#huge_it_current_image_key_3').val()) + iterator) % data_3.length, data_3,false,false); }, '5000'); } } jQuery(window).focus(function() { var i_3 = 0; jQuery(".huge_it_slider_3").children("div").each(function () { if (jQuery(this).css('opacity') == 1) { jQuery("#huge_it_current_image_key_3").val(i_3); } i_3++; }); }); jQuery(window).blur(function() { console.log(event_stack_3); window.clearInterval(huge_interval['huge_it_playInterval_'+3]); }); jQuery(window).focus(function() { play_3() }); .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_3').find("li").each(function() { if (jQuery(this).css("opacity") == "1") { var img_id = jQuery(this).attr('id'); jQuery('.huge_it_slideshow_thumbs_3').each(function() { var allListElements = jQuery('li[id=' + img_id + ']'); jQuery(this).find(allListElements).not(".bx-clone").each(function() { jQuery('.huge_it_slideshow_thumbs_3 li').find(".trans_back").css('background', 'rgba(255,255,255,0.3)'); jQuery(this).find('.trans_back').css('background', 'none'); }) }) } }) }, 100) })