</div> </div> <!-- .et_pb_fullwidth_code --> </div> <!-- .et_pb_section --> </div> </div> </div> <!-- .entry-content --> </article> <!-- .et_pb_post --> </div> <!-- #main-content --> <footer id="main-footer"> <div id="footer-bottom"> <div class="container clearfix"> <ul class="et-social-icons"> </ul><div id="footer-info">Designed & Hosted by <a href="#!">Just Internet Solutions</a> 2017</div> </div> <!-- .container --> </div> </footer> <!-- #main-footer --> </div> <!-- #et-main-area --> </div> <!-- #page-container --> <script type="text/javascript"> </script> <script type="text/javascript"> // add variables to store selections var selectionA = "atlas-3069" var selectionB = "Walls-Black-Crystal" var selectionC = "Shower-Black-Crystal" // change classes on the images to separate them var imagesA = document.querySelectorAll('.floor-colour'); var imagesB = document.querySelectorAll('.wall-colour'); var imagesC = document.querySelectorAll('.shower-colour'); for (var i = imagesA.length; i--;) imagesA[i].addEventListener('click', changeA); for (var i = imagesB.length; i--;) imagesB[i].addEventListener('click', changeB); for (var i = imagesC.length; i--;) imagesC[i].addEventListener('click', changeC); function changeA() { selectionA = (this.value) checkAll() } function changeB() { selectionB = (this.value) checkAll() } function changeC() { selectionC = (this.value) checkAll() } function checkAll() { if (selectionA.length > 0 && selectionB.length > 0 && selectionC.length > 0) { // FLOOR if (selectionA == "atlas-3069") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/atlas-3069.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "altas-3769") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/altas-3769.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "aveo-3501") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/aveo-3501.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "aveo-9000") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/aveo-9000.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "edon-1108") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/edon-1108.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "eternity-0095") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/eternity-0095.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "eternity-3492") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/eternity-3492.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "eternity-8095") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/eternity-8095.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "marron-3040") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/marron-3040.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "antonio-7198") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2018/01/antonio-7198.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "antonio-8098") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2018/01/antonio-8098.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "fiona-3479") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2018/01/fiona-3479.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "fiona-9079") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2018/01/fiona-9079.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "ice-diamond-3193") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2018/01/ice-diamond-3193.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "ice-diamond-6093") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2018/01/ice-diamond-6093.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "lara-7109") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2018/01/lara-7109.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "lara-8109") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2018/01/lara-8109.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "lara-9009") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2018/01/lara-9009.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "maya-9035") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2018/01/maya-9035.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionA == "santino-1158") floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2018/01/santino-1158.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else floorImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2018/01/atlas-3069.png">'; // WALL if (selectionB == "Walls-Black-Crystal") wallImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Walls-Black-Crystal.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionB == "Walls-Pearlescent-Black") wallImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Walls-Pearlescent-Black.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionB == "Walls-Light-Grey-Marble") wallImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Walls-Light-Grey-Marble.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionB == "Walls-Pearlescent-White") wallImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Walls-Pearlescent-White.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionB == "Walls-Pergamon-Marble") wallImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Walls-Pergamon-Marble.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionB == "Walls-Sand-Marble") wallImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Walls-Sand-Marble.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionB == "Walls-Silver-Travertine") wallImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Walls-Silver-Travertine.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionB == "Walls-Silver-Twine-White") wallImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Walls-Silver-Twine-White.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionB == "Walls-Travertine") wallImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Walls-Travertine.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionB == "Walls-White-Crystal") wallImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Walls-White-Crystal.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else wallImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Walls-Black-Crystal.png">'; // SHOWER if (selectionC == "Shower-Black-Crystal") showerImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Shower-Black-Crystal.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionC == "Shower-Pearlescent-Black") showerImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Shower-Pearlescent-Black.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionC == "Shower-Light-Grey-Marble") showerImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Shower-Light-Grey-Marble.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionC == "Shower-Pearlescent-White") showerImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Shower-Pearlescent-White.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionC == "Shower-Pergamon-Marble") showerImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Shower-Pergamon-Marble.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionC == "Shower-Sand-Marble") showerImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Shower-Sand-Marble.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionC == "Shower-Silver-Travertine") showerImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Shower-Silver-Travertine.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionC == "Shower-Silver-Twine-White") showerImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Shower-Silver-Twine-White.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionC == "Shower-Travertine") showerImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Shower-Travertine.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else if (selectionC == "Shower-White-Crystal") showerImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Shower-White-Crystal.png" draggable="false" style="max-height: 607px; object-fit-cover; width: 100%;">'; else showerImage = '<img src="http://www.totalaccessbathrooms.co.uk/wp-content/uploads/2017/12/Shower-Black-Crystal.png">'; document.getElementById("output-image-floor").innerHTML = floorImage; document.getElementById("output-image-wall").innerHTML = wallImage; document.getElementById("output-image-shower").innerHTML = showerImage; } } </script> <script> jQuery(document).ready(function( $ ) { $('.floor-colour.colour-input').click(function(e){ $('#output-image-floor').animate({opacity: 0.85}, 300, function(){ $('#output-image-floor').animate({opacity: 1}, 400); }); }); $('.wall-colour.colour-input').click(function(e){ $('#output-image-wall').animate({opacity: 0.85}, 300, function(){ $('#output-image-wall').animate({opacity: 1}, 400); }); }); $('.shower-colour.colour-input').click(function(e){ $('#output-image-shower').animate({opacity: 0.85}, 300, function(){ $('#output-image-shower').animate({opacity: 1}, 400); }); }); }); </script> <script> jQuery(document).ready(function( $ ) { /*! jquery.mlens.js - magnifying lens jQuery plugin for images by Federica Sibella (@musings.it) - Double licensed MIT and GPLv3 */ !function(e){function r(e){if("string"==typeof e){var r=e.indexOf("_");-1!=r&&(e=e.substr(r+1))}return e}function i(e,r){if("string"==typeof e){var i=e.indexOf(r);if(-1!=i)return!0}return!1}var t=[],n=0,o={init:function(r){var o={lensShape:"square",lensSize:[100,100],borderSize:4,borderColor:"#888",borderRadius:0,imgSrc:"",imgSrc2x:"",lensCss:"",imgOverlay:"",overlayAdapt:!0,zoomLevel:1,responsive:!0},a=e.extend({},o,r),s="100px",d="100px";this.each(function(){var r=e(this),u=r.data("mlens"),c=e(),g=e(),l=e(),p=e(),h=r.attr("src"),S="auto";("number"!=typeof a.zoomLevel||a.zoomLevel<=0)&&(a.zoomLevel=o.zoomLevel);var b=new Image;""!==a.imgSrc2x&&window.devicePixelRatio>1?(h=a.imgSrc2x,b.onload=function(){S=String(parseInt(this.width/2)*a.zoomLevel)+"px",c.css({backgroundSize:S+" auto"}),p.css({width:S})},b.src=h):(""!==a.imgSrc&&(h=a.imgSrc),b.onload=function(){S=String(parseInt(this.width)*a.zoomLevel)+"px",c.css({backgroundSize:S+" auto"}),p.css({width:S})},b.src=h),jQuery.isArray(a.lensSize)===!0?(s=i(a.lensSize[0],"%")||i(a.lensSize[0],"px")?String(a.lensSize[0]):String(a.lensSize[0])+"px",d=i(a.lensSize[1],"%")||i(a.lensSize[1],"px")?String(a.lensSize[1]):String(a.lensSize[1])+"px"):(s=i(a.lensSize,"%")||i(a.lensSize,"px")?String(a.lensSize):String(a.lensSize)+"px",d=s);var m="background-position: 0px 0px;width: "+s+";height: "+d+";float: left;display: none;border: "+String(a.borderSize)+"px solid "+a.borderColor+";background-repeat: no-repeat;position: absolute;",v="position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center center; background-repeat: no-repeat; z-index: 1;";switch(a.overlayAdapt===!0&&(v+="background-position: center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;"),a.lensShape){case"square":m=m+"border-radius:"+String(a.borderRadius)+"px;",v=v+"border-radius:"+String(a.borderRadius)+"px;";break;case"":m=m+"border-radius:"+String(a.borderRadius)+"px;",v=v+"border-radius:"+String(a.borderRadius)+"px;";break;case"circle":m+="border-radius: 50%;",v+="border-radius: 50%;";break;default:m=m+"border-radius:"+String(a.borderRadius)+"px;",v=v+"border-radius:"+String(a.borderRadius)+"px;"}return r.wrap("<div id='mlens_wrapper_"+n+"' />"),l=r.parent(),a.responsive===!0?r.css({width:"100%"}):l.css({width:r.width()}),c=e("<div id='mlens_target_"+n+"' style='"+m+"' class='"+a.lensCss+"'> </div>").appendTo(l),c.css({backgroundImage:"url('"+h+"')",backgroundSize:S+" auto",cursor:"none"}),p=e("<img style='display:none;width:"+S+";height:auto;max-width:none;max-height;none;' src='"+h+"' />").appendTo(l),""!==a.imgOverlay&&(g=e("<div id='mlens_overlay_"+n+"' style='"+v+"'> </div>"),g.css({backgroundImage:"url('"+a.imgOverlay+"')",cursor:"none"}),g.appendTo(c)),r.attr("data-id","mlens_"+n),c.mousemove(function(i){e.fn.mlens("move",r.attr("data-id"),i)}),r.mousemove(function(i){e.fn.mlens("move",r.attr("data-id"),i)}),c.on("touchmove",function(i){i.preventDefault();var t=i.originalEvent.touches[0]||i.originalEvent.changedTouches[0];e.fn.mlens("move",r.attr("data-id"),t)}),r.on("touchmove",function(i){i.preventDefault();var t=i.originalEvent.touches[0]||i.originalEvent.changedTouches[0];e.fn.mlens("move",r.attr("data-id"),t)}),c.hover(function(){e(this).show()},function(){e(this).hide()}),r.hover(function(){c.show()},function(){c.hide()}),c.on("touchstart",function(r){r.preventDefault(),e(this).show()}),c.on("touchend",function(r){r.preventDefault(),e(this).hide()}),r.on("touchstart",function(e){e.preventDefault(),c.show()}),r.on("touchend",function(e){e.preventDefault(),c.hide()}),r.data("mlens",{image:r,settings:a,target:c,imageTag:p,imgSrc:h,imgWidth:S,imageWrapper:l,overlay:g,instance:n,lensSizeHoriz:s,lensSizeVert:d}),u=r.data("mlens"),t[n]=u,n++,t})},move:function(e,i){e=r(e);var n=t[e],o=n.image,a=n.target,s=n.imageTag,d=o.offset(),u=parseInt(i.pageX-d.left),c=parseInt(i.pageY-d.top),g=s.width()/o.width(),l=s.height()/o.height();return u>0&&c>0&&u<o.width()&&c<o.height()&&(u=String(-((i.pageX-d.left)*g-a.width()/2)),c=String(-((i.pageY-d.top)*l-a.height()/2)),a.css({backgroundPosition:u+"px "+c+"px"}),u=String(i.pageX-d.left-a.width()/2),c=String(i.pageY-d.top-a.height()/2),a.css({left:u+"px",top:c+"px"})),n.target=a,t[e]=n,t},update:function(n){var o=r(e(this).attr("data-id")),a=t[o],s=a.image,d=a.target,u=a.overlay,c=a.imageTag,g=a.imgSrc,l=a.settings,p=e.extend({},l,n),h=a.lensSizeHoriz,S=a.lensSizeVert,b="auto",m=new Image;if(""!==p.imgSrc2x&&window.devicePixelRatio>1?(g=p.imgSrc2x,m.onload=function(){b=String(parseInt(this.width/2)*p.zoomLevel)+"px",d.css({backgroundSize:b+" auto"}),c.css({width:b})},m.src=g):(""!==p.imgSrc&&(g=p.imgSrc),m.onload=function(){b=String(parseInt(this.width)*p.zoomLevel)+"px",d.css({backgroundSize:b+" auto"}),c.css({width:b})},m.src=g),i(p.lensSize,",")){var v=p.lensSize.split(",");h=i(v[0],"%")||i(v[0],"px")?String(v[0]):String(v[0])+"px",S=i(v[1],"%")||i(v[1],"px")?String(v[1]):String(v[1])+"px"}else h=i(p.lensSize,"%")||i(p.lensSize,"px")?String(p.lensSize):String(p.lensSize)+"px",S=h;var f="background-position: 0px 0px;width: "+h+";height: "+S+"; float: left;display: none;border: "+String(p.borderSize)+"px solid "+p.borderColor+";background-repeat: no-repeat;position: absolute;",z="position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center center; background-repeat: no-repeat; z-index: 1;";switch(p.overlayAdapt===!0&&(z+="background-position: center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;"),p.lensShape){case"square":f=f+"border-radius:"+String(p.borderRadius)+"px;",z=z+"border-radius:"+String(p.borderRadius)+"px;";break;case"":f=f+"border-radius:"+String(p.borderRadius)+"px;",z=z+"border-radius:"+String(p.borderRadius)+"px;";break;case"circle":f+="border-radius: 50%;",z+="border-radius: 50%;";break;default:f=f+"border-radius:"+String(p.borderRadius)+"px;",z=z+"border-radius:"+String(p.borderRadius)+"px;"}return d.attr("style",f),c.attr("src",g),c.css({width:b}),d.css({backgroundImage:"url('"+g+"')",backgroundSize:b+" auto",cursor:"none"}),u.attr("style",z),u.css({backgroundImage:"url('"+p.imgOverlay+"')",cursor:"none"}),a.image=s,a.target=d,a.overlay=u,a.settings=p,a.imgSrc=g,a.imageTag=c,a.lensSizeHoriz=h,a.lensSizeVert=S,t[o]=a,t},destroy:function(){var i=r(e(this).attr("data-id")),n=t[i];n.target.remove(),n.imageTag.remove(),n.image.unwrap(),n.overlay.remove(),e.removeData(n,"mlens"),this.unbind(),this.element=null}};e.fn.mlens=function(r){return o[r]?o[r].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof r&&r?void e.error("Method "+r+" does not exist on jQuery.mlens"):o.init.apply(this,arguments)}}(jQuery); }); </script> <script> jQuery(document).ready(function() { $(".flooring-01").mlens( { imgSrc: $(".flooring-01").attr("data-big"), imgSrc2x: $(".flooring-01").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-01").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-02").mlens( { imgSrc: $(".flooring-02").attr("data-big"), imgSrc2x: $(".flooring-02").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-02").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-03").mlens( { imgSrc: $(".flooring-03").attr("data-big"), imgSrc2x: $(".flooring-03").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-03").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-04").mlens( { imgSrc: $(".flooring-04").attr("data-big"), imgSrc2x: $(".flooring-04").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-04").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-05").mlens( { imgSrc: $(".flooring-05").attr("data-big"), imgSrc2x: $(".flooring-05").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-05").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-06").mlens( { imgSrc: $(".flooring-06").attr("data-big"), imgSrc2x: $(".flooring-06").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-06").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-07").mlens( { imgSrc: $(".flooring-07").attr("data-big"), imgSrc2x: $(".flooring-07").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-07").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-08").mlens( { imgSrc: $(".flooring-08").attr("data-big"), imgSrc2x: $(".flooring-08").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-08").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-09").mlens( { imgSrc: $(".flooring-09").attr("data-big"), imgSrc2x: $(".flooring-09").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-09").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-10").mlens( { imgSrc: $(".flooring-10").attr("data-big"), imgSrc2x: $(".flooring-10").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-10").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-11").mlens( { imgSrc: $(".flooring-11").attr("data-big"), imgSrc2x: $(".flooring-11").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-11").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-12").mlens( { imgSrc: $(".flooring-12").attr("data-big"), imgSrc2x: $(".flooring-12").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-12").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-13").mlens( { imgSrc: $(".flooring-13").attr("data-big"), imgSrc2x: $(".flooring-13").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-13").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-14").mlens( { imgSrc: $(".flooring-14").attr("data-big"), imgSrc2x: $(".flooring-14").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-14").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-15").mlens( { imgSrc: $(".flooring-15").attr("data-big"), imgSrc2x: $(".flooring-15").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-15").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-16").mlens( { imgSrc: $(".flooring-16").attr("data-big"), imgSrc2x: $(".flooring-16").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-16").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-17").mlens( { imgSrc: $(".flooring-17").attr("data-big"), imgSrc2x: $(".flooring-17").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-17").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-18").mlens( { imgSrc: $(".flooring-18").attr("data-big"), imgSrc2x: $(".flooring-18").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-18").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-19").mlens( { imgSrc: $(".flooring-19").attr("data-big"), imgSrc2x: $(".flooring-19").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-19").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".flooring-20").mlens( { imgSrc: $(".flooring-20").attr("data-big"), imgSrc2x: $(".flooring-20").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".flooring-20").attr("data-overlay"), overlayAdapt: true, zoomLevel: 0.5, responsive: true }); $(".walls-01").mlens( { imgSrc: $(".walls-01").attr("data-big"), imgSrc2x: $(".walls-01").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".walls-01").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".walls-02").mlens( { imgSrc: $(".walls-02").attr("data-big"), imgSrc2x: $(".walls-02").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".walls-02").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".walls-03").mlens( { imgSrc: $(".walls-03").attr("data-big"), imgSrc2x: $(".walls-03").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".walls-03").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".walls-04").mlens( { imgSrc: $(".walls-04").attr("data-big"), imgSrc2x: $(".walls-04").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".walls-04").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".walls-05").mlens( { imgSrc: $(".walls-05").attr("data-big"), imgSrc2x: $(".walls-05").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".walls-05").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".walls-06").mlens( { imgSrc: $(".walls-06").attr("data-big"), imgSrc2x: $(".walls-06").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".walls-06").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".walls-07").mlens( { imgSrc: $(".walls-07").attr("data-big"), imgSrc2x: $(".walls-07").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".walls-07").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".walls-08").mlens( { imgSrc: $(".walls-08").attr("data-big"), imgSrc2x: $(".walls-08").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".walls-08").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".walls-09").mlens( { imgSrc: $(".walls-09").attr("data-big"), imgSrc2x: $(".walls-09").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".walls-09").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".walls-10").mlens( { imgSrc: $(".walls-10").attr("data-big"), imgSrc2x: $(".walls-10").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".walls-10").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".shower-01").mlens( { imgSrc: $(".shower-01").attr("data-big"), imgSrc2x: $(".shower-01").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".shower-01").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".shower-02").mlens( { imgSrc: $(".shower-02").attr("data-big"), imgSrc2x: $(".shower-02").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".shower-02").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".shower-03").mlens( { imgSrc: $(".shower-03").attr("data-big"), imgSrc2x: $(".shower-03").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".shower-03").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".shower-04").mlens( { imgSrc: $(".shower-04").attr("data-big"), imgSrc2x: $(".shower-04").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".shower-04").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".shower-05").mlens( { imgSrc: $(".shower-05").attr("data-big"), imgSrc2x: $(".shower-05").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".shower-05").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".shower-06").mlens( { imgSrc: $(".shower-06").attr("data-big"), imgSrc2x: $(".shower-06").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".shower-06").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".shower-07").mlens( { imgSrc: $(".shower-07").attr("data-big"), imgSrc2x: $(".shower-07").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".shower-07").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".shower-08").mlens( { imgSrc: $(".shower-08").attr("data-big"), imgSrc2x: $(".shower-08").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".shower-08").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".shower-09").mlens( { imgSrc: $(".shower-09").attr("data-big"), imgSrc2x: $(".shower-09").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".shower-09").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); $(".shower-10").mlens( { imgSrc: $(".shower-10").attr("data-big"), imgSrc2x: $(".shower-10").attr("data-big2x"), lensShape: "circle", lensSize: ["150px","150px"], borderSize: 3, borderColor: "#fff", borderRadius: 0, imgOverlay: $(".shower-10").attr("data-overlay"), overlayAdapt: true, zoomLevel: 1, responsive: true }); }); </script> <script> jQuery(document).ready(function($) { var alterClass = function() { var ww = document.body.clientWidth; if (ww < 560) { $("#flooring-01").removeClass("flooring-01"); $("#flooring-02").removeClass("flooring-02"); $("#flooring-03").removeClass("flooring-03"); $("#flooring-04").removeClass("flooring-04"); $("#flooring-05").removeClass("flooring-05"); $("#flooring-06").removeClass("flooring-06"); $("#flooring-07").removeClass("flooring-07"); $("#flooring-08").removeClass("flooring-08"); $("#flooring-09").removeClass("flooring-09"); $("#flooring-10").removeClass("flooring-10"); $("#flooring-11").removeClass("flooring-11"); $("#flooring-12").removeClass("flooring-12"); $("#flooring-13").removeClass("flooring-13"); $("#flooring-14").removeClass("flooring-14"); $("#flooring-15").removeClass("flooring-15"); $("#flooring-16").removeClass("flooring-16"); $("#flooring-17").removeClass("flooring-17"); $("#flooring-18").removeClass("flooring-18"); $("#flooring-19").removeClass("flooring-19"); $("#flooring-20").removeClass("flooring-20"); $("#walls-01").removeClass("walls-01"); $("#walls-02").removeClass("walls-02"); $("#walls-03").removeClass("walls-03"); $("#walls-04").removeClass("walls-04"); $("#walls-05").removeClass("walls-05"); $("#walls-06").removeClass("walls-06"); $("#walls-07").removeClass("walls-07"); $("#walls-07-2").removeClass("walls-07"); $("#walls-08").removeClass("walls-08"); $("#walls-09").removeClass("walls-09"); $("#walls-09-2").removeClass("walls-09"); $("#walls-10").removeClass("walls-10"); $("#shower-01").removeClass("shower-01"); $("#shower-02").removeClass("shower-02"); $("#shower-03").removeClass("shower-03"); $("#shower-04").removeClass("shower-04"); $("#shower-05").removeClass("shower-05"); $("#shower-06").removeClass("shower-06"); $("#shower-07").removeClass("shower-07"); $("#shower-07-2").removeClass("shower-07"); $("#shower-08").removeClass("shower-08"); $("#shower-09").removeClass("shower-09"); $("#shower-09-2").removeClass("shower-09"); $("#shower-10").removeClass("shower-10"); } else if (ww >= 561) { $("#flooring-01").addClass("flooring-01"); $("#flooring-02").addClass("flooring-02"); $("#flooring-03").addClass("flooring-03"); $("#flooring-04").addClass("flooring-04"); $("#flooring-05").addClass("flooring-05"); $("#flooring-06").addClass("flooring-06"); $("#flooring-07").addClass("flooring-07"); $("#flooring-08").addClass("flooring-08"); $("#flooring-09").addClass("flooring-09"); $("#flooring-10").addClass("flooring-10"); $("#flooring-11").addClass("flooring-11"); $("#flooring-12").addClass("flooring-12"); $("#flooring-13").addClass("flooring-13"); $("#flooring-14").addClass("flooring-14"); $("#flooring-15").addClass("flooring-15"); $("#flooring-16").addClass("flooring-16"); $("#flooring-17").addClass("flooring-17"); $("#flooring-18").addClass("flooring-18"); $("#flooring-19").addClass("flooring-19"); $("#flooring-20").addClass("flooring-20"); $("#walls-01").addClass("walls-01"); $("#walls-02").addClass("walls-02"); $("#walls-03").addClass("walls-03"); $("#walls-04").addClass("walls-04"); $("#walls-05").addClass("walls-05"); $("#walls-06").addClass("walls-06"); $("#walls-07").addClass("walls-07"); $("#walls-07-2").addClass("walls-07"); $("#walls-08").addClass("walls-08"); $("#walls-09").addClass("walls-09"); $("#walls-09-2").addClass("walls-09"); $("#walls-10").addClass("walls-10"); $("#shower-01").addClass("shower-01"); $("#shower-02").addClass("shower-02"); $("#shower-03").addClass("shower-03"); $("#shower-04").addClass("shower-04"); $("#shower-05").addClass("shower-05"); $("#shower-06").addClass("shower-06"); $("#shower-07").addClass("shower-07"); $("#shower-07-2").addClass("shower-07"); $("#shower-08").addClass("shower-08"); $("#shower-09").addClass("shower-09"); $("#shower-09-2").addClass("shower-09"); $("#shower-10").addClass("shower-10"); }; }; $(window).resize(function(){ alterClass(); }); alterClass(); }); </script> <script> $(function(){ if ($('body').hasClass('page-id-27350')) { $('html, body').addClass('no-scrollbar') } }) </script><script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"http:\/\/www.totalaccessbathrooms.co.uk\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" src="http://www.totalaccessbathrooms.co.uk/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.2.1" id="contact-form-7-js"></script> <script type="text/javascript" src="http://www.totalaccessbathrooms.co.uk/wp-content/plugins/tabs-responsive/assets/js/bootstrap.js?ver=6.5.14" id="wpsm_tabs_r_bootstrap-js-front-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LdTxswUAAAAAMeCdS99l8bJTEcQDNk9SwsHkTRZ&ver=3.0" id="google-recaptcha-js"></script> <script type="text/javascript" id="wpcf7-recaptcha-js-extra"> /* <![CDATA[ */ var wpcf7_recaptcha = {"sitekey":"6LdTxswUAAAAAMeCdS99l8bJTEcQDNk9SwsHkTRZ","actions":{"homepage":"homepage","contactform":"contactform"}}; /* ]]> */ </script> <script type="text/javascript" src="http://www.totalaccessbathrooms.co.uk/wp-content/plugins/contact-form-7/modules/recaptcha/script.js?ver=5.2.1" id="wpcf7-recaptcha-js"></script> <script type="text/javascript" id="divi-custom-script-js-extra"> /* <![CDATA[ */ var DIVI = {"item_count":"%d Item","items_count":"%d Items"}; var et_shortcodes_strings = {"previous":"Previous","next":"Next"}; var et_pb_custom = {"ajaxurl":"http:\/\/www.totalaccessbathrooms.co.uk\/wp-admin\/admin-ajax.php","images_uri":"http:\/\/www.totalaccessbathrooms.co.uk\/wp-content\/themes\/Divi\/images","builder_images_uri":"http:\/\/www.totalaccessbathrooms.co.uk\/wp-content\/themes\/Divi\/includes\/builder\/images","et_frontend_nonce":"24b72ef522","subscription_failed":"Please, check the fields below to make sure you entered the correct information.","et_ab_log_nonce":"61dfd5e26a","fill_message":"Please, fill in the following fields:","contact_error_message":"Please, fix the following errors:","invalid":"Invalid email","captcha":"Captcha","prev":"Prev","previous":"Previous","next":"Next","wrong_captcha":"You entered the wrong number in captcha.","ignore_waypoints":"no","is_divi_theme_used":"1","widget_search_selector":".widget_search","is_ab_testing_active":"","page_id":"27350","unique_test_id":"","ab_bounce_rate":"5","is_cache_plugin_active":"no","is_shortcode_tracking":"","tinymce_uri":""}; var et_pb_box_shadow_elements = []; /* ]]> */ </script> <script type="text/javascript" src="http://www.totalaccessbathrooms.co.uk/wp-content/themes/Divi/js/custom.min.js?ver=3.19.9" id="divi-custom-script-js"></script> <script type="text/javascript" src="http://www.totalaccessbathrooms.co.uk/wp-content/themes/Divi/core/admin/js/common.js?ver=3.19.9" id="et-core-common-js"></script> <div id='icon_wrapper'><a target="_blank" class='fuse_social_icons_links' href='https://www.facebook.com/TotalAccessBathrooms/'> <i class='fa fa-facebook fb-awesome-social awesome-social'></i></a><br /><a target="_blank" class='fuse_social_icons_links' href='mailto:info@totalaccessbathrooms.co.uk'> <i class='fa fa-envelope envelope-awesome-social awesome-social'></i></a><br /></div></body> </html>
