</p> <p>[advanced_iframe src=”https://www.tottonweather.co.uk/WC-forecast.php” height=”1000″]</p> <nav class="pagination group"> </nav><!--/.pagination--> <div class="clear"></div> </div><!--/.entry--> </article> </div><!--/.hu-pad--> </main><!--/.content--> </div><!--/.main-inner--> </div><!--/.main--> </div><!--/.container-inner--> </div><!--/.container--> <footer id="footer"> <section class="container" id="footer-widgets"> <div class="container-inner"> <div class="hu-pad group"> <div class="footer-widget-1 grid one-third "> <div id="media_image-8" class="extendedwopts-md-center widget widget_media_image"><a href="https://www.ukwx.net/" target="_blank"><img width="100" height="100" src="https://www.tottonweather.co.uk/wpnf/wp-content/uploads/2017/12/UKWN-round100.png" class="image wp-image-1700 attachment-full size-full" alt="Link to UK Weather Network" style="max-width: 100%; height: auto;" decoding="async" loading="lazy" srcset="https://www.tottonweather.co.uk/wpnf/wp-content/uploads/2017/12/UKWN-round100.png 100w, https://www.tottonweather.co.uk/wpnf/wp-content/uploads/2017/12/UKWN-round100-150x150.png 150w, https://www.tottonweather.co.uk/wpnf/wp-content/uploads/2017/12/UKWN-round100-160x160.png 160w, https://www.tottonweather.co.uk/wpnf/wp-content/uploads/2017/12/UKWN-round100-320x320.png 320w" sizes="auto, (max-width: 100px) 100vw, 100px" /></a></div><div id="media_image-5" class="extendedwopts-md-center widget widget_media_image"><a href="https://wow.metoffice.gov.uk/observations/details?site_id=906986001" target="_blank"><img width="233" height="60" src="https://www.tottonweather.co.uk/wpnf/wp-content/uploads/2017/12/metofficewow.png" class="image wp-image-1283 attachment-full size-full" alt="" style="max-width: 100%; height: auto;" decoding="async" loading="lazy" /></a></div><div id="media_image-13" class="extendedwopts-md-center widget widget_media_image"><a href="https://www.pwsweather.com/obs/ASHURSTBR1.html" target="_blank"><img width="114" height="76" src="https://www.tottonweather.co.uk/wpnf/wp-content/uploads/2018/10/PWS.png" class="image wp-image-2328 attachment-full size-full" alt="Personal Weather Stations" style="max-width: 100%; height: auto;" decoding="async" loading="lazy" /></a></div> </div> <div class="footer-widget-2 grid one-third "> <div id="text-7" class="extendedwopts-md-center widget widget_text"> <div class="textwidget"><p><code><a href="https://www.martynhicks.uk/weather/topsites/index.php?a=in&u=forestedge>" target="_blank" rel="noopener"><img decoding="async" src="https://www.martynhicks.uk/weather/topsites/button.php?u=forestedge" alt="UK - WEATHER STATION TOPSITES - UK" border="0" /></a></code></p> </div> </div><div id="media_image-6" class="extendedwopts-md-center widget widget_media_image"><a href="https://www.colweather.org.uk/index.php" target="_blank"><img width="180" height="90" src="https://www.tottonweather.co.uk/wpnf/wp-content/uploads/2017/12/logo_col1.png" class="image wp-image-1282 attachment-full size-full" alt="Climate Observers Link" style="max-width: 100%; height: auto;" decoding="async" loading="lazy" /></a></div><div id="media_image-10" class="extendedwopts-md-center widget widget_media_image"><a href="https://app.weathercloud.net/map" target="_blank"><img width="125" height="75" src="https://www.tottonweather.co.uk/wpnf/wp-content/uploads/2018/08/weathercloud.png" class="image wp-image-2142 attachment-full size-full" alt="weathercloud logo" style="max-width: 100%; height: auto;" decoding="async" loading="lazy" /></a></div> </div> <div class="footer-widget-3 grid one-third last"> <div id="text-18" class="extendedwopts-md-center widget widget_text"> <div class="textwidget"><p><a class="twitter-follow-button" href="https://twitter.com/newforestwx?ref_src=twsrc%5Etfw" data-show-count="false">Follow @newforestwx</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p> </div> </div> </div> </div><!--/.hu-pad--> </div><!--/.container-inner--> </section><!--/.container--> <nav class="nav-container group" id="nav-footer" data-menu-id="footer-4" data-menu-scrollable="false"> <!-- <div class="ham__navbar-toggler collapsed" aria-expanded="false"> <div class="ham__navbar-span-wrapper"> <span class="ham-toggler-menu__span"></span> </div> </div> --> <button class="ham__navbar-toggler-two collapsed" title="Menu" aria-expanded="false"> <span class="ham__navbar-span-wrapper"> <span class="line line-1"></span> <span class="line line-2"></span> <span class="line line-3"></span> </span> </button> <div class="nav-text"></div> <div class="nav-wrap"> <ul id="menu-main-menu-1" class="nav container group"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-32"><a href="https://www.tottonweather.co.uk/">Home</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2003"><a href="#">Rain Radar</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-323"><a href="https://www.tottonweather.co.uk/uk-radar/">UK / Europe</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1907"><a href="https://www.tottonweather.co.uk/lightning/">Lightning</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2787"><a href="https://www.tottonweather.co.uk/gauges/">Gauges</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-1708"><a href="#">Forecasts</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2735 current_page_item menu-item-2886"><a href="https://www.tottonweather.co.uk/new-forest-and-surrounding-area-5-day/" aria-current="page">New Forest Area – 5 day</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-945"><a href="https://www.tottonweather.co.uk/windyty/">Windyty</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2469"><a href="https://www.tottonweather.co.uk/yr-no-forecast/">Yr No Forecast</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4442"><a href="https://www.tottonweather.co.uk/met-office-fax-charts-2/">Met Office FAX Charts</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1930"><a href="https://www.tottonweather.co.uk/warnings/">Warnings</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2334"><a href="https://www.tottonweather.co.uk/uk-mesomap/">UK Weather Network</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2159"><a href="https://www.tottonweather.co.uk/nearby-metar-reports/">Nearby METAR Reports</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-284"><a href="#">Data</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-75"><a href="https://www.tottonweather.co.uk/today-yesterday/">Today/Yesterday</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73"><a href="https://www.tottonweather.co.uk/this-month-year/">Month/Year</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3229"><a href="https://www.tottonweather.co.uk/monthly-extremes/">Monthly Extremes</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2011"><a href="https://www.tottonweather.co.uk/extremes/">All Time Extremes</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2255"><a href="https://www.tottonweather.co.uk/yesterdays-uk-extremes/">Yesterday’s UK Extremes</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4720"><a href="https://www.tottonweather.co.uk/uk-temperatures-maps/">UK Temp Maps</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-74"><a target="_blank" href="https://www.tottonweather.co.uk/noaa-reports/">Monthly Climate Reports</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2062"><a href="https://www.tottonweather.co.uk/data-summary/">Climate Summary</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1448"><a href="https://www.tottonweather.co.uk/river-levels/">River Levels</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1492"><a href="#">Graphs</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4243"><a href="https://www.tottonweather.co.uk/recent-graphs/">Recent Weather</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4242"><a href="https://www.tottonweather.co.uk/historic/">Historic Weather</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4034"><a href="https://www.tottonweather.co.uk/homeweather-station/">HomeWeather</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4986"><a href="https://www.tottonweather.co.uk/air-quality/">Air Quality</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3874"><a target="_blank" href="https://www.tottonweather.co.uk/gallery-2/">Gallery</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2373"><a href="https://www.tottonweather.co.uk/about/">About</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-2340"><a rel="privacy-policy" href="https://www.tottonweather.co.uk/privacy-policy/">Privacy</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2888"><a href="https://www.tottonweather.co.uk/contact/">Contact</a></li> </ul> </li> </ul> </div> </nav><!--/#nav-footer--> <section class="container" id="footer-bottom"> <div class="container-inner"> <a id="back-to-top" href="#"><i class="fas fa-angle-up"></i></a> <div class="hu-pad group"> <div class="grid one-half"> <div id="copyright"> <p>New Forest Weather Live © 2024. All Rights Reserved.</p> </div><!--/#copyright--> </div> <div class="grid one-half last"> <ul class="social-links"><li><a rel="nofollow noopener noreferrer" class="social-tooltip" title="Follow us on Twitter" aria-label="Follow us on Twitter" href="https://twitter.com/newforestwx" target="_blank" style="color:rgba(255,255,255,0.7)"><i class="fab fa-twitter"></i></a></li><li><a rel="nofollow noopener noreferrer" class="social-tooltip" title="Follow us on Youtube" aria-label="Follow us on Youtube" href="https://www.youtube.com/channel/UCQgaO-cShhfhkYKaiooo_-g" target="_blank" style="color:rgba(255,255,255,0.7)"><i class="fab fa-youtube"></i></a></li><li><a rel="nofollow noopener noreferrer" class="social-tooltip" title="Follow us on Instagram" aria-label="Follow us on Instagram" href="https://www.instagram.com/newforestwx/" target="_blank" style="color:rgba(255,255,255,0.7)"><i class="fab fa-instagram"></i></a></li></ul> </div> </div><!--/.hu-pad--> </div><!--/.container-inner--> </section><!--/.container--> </footer><!--/#footer--> </div><!--/#wrapper--> <script> window.cookieconsent_options = { "message":"This website uses cookies to ensure the best experience", "dismiss":"I\'m OK with that!", "learnMore":"More Information", "link":"", "theme":"dark-bottom" }; </script> <script id="wfc-front-localized">var wfcFrontParams = {"effectsAndIconsSelectorCandidates":[],"wfcOptions":null};</script> <script id="wfc-front-script">!function(){var e=wfcFrontParams.effectsAndIconsSelectorCandidates;var o,t,c,r,i=(r={},o=navigator.userAgent.toLowerCase(),(c={browser:(t=/(chrome)[ /]([\w.]+)/.exec(o)||/(webkit)[ /]([\w.]+)/.exec(o)||/(opera)(?:.*version|)[ /]([\w.]+)/.exec(o)||/(msie) ([\w.]+)/.exec(o)||o.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(o)||[])[1]||"",version:t[2]||"0"}).browser&&(r[c.browser]=!0,r.version=c.version),r.chrome?r.webkit=!0:r.webkit&&(r.safari=!0),r),s="",a=0;for(var n in i)a>0||(s=n,a++);var f=document.querySelectorAll("body");f&&f[0]&&f[0].classList.add(s||"");try{!function(){for(var o in e){var t=e[o];if(t.static_effect){if("inset"==t.static_effect&&!0===i.mozilla)continue;var c=document.querySelectorAll(t.static_effect_selector);c&&c.forEach(function(e,o){e.classList.add("font-effect-"+t.static_effect)})}}}()}catch(e){window.console&&console.log&&console.log("Font customizer error => could not apply effects",e)}}();</script> <script src="https://www.tottonweather.co.uk/wpnf/wp-content/plugins/cc-cookie-consent/assets/plugin-js/cookieconsent.latest.min.js?ver=1.2.0" id="cc-js-js"></script> <script src="https://www.tottonweather.co.uk/wpnf/wp-content/plugins/widget-options/assets/js/widgetopts.resize.js?ver=4.0.8" id="widgetopts-resize-script-js"></script> <script src="https://www.tottonweather.co.uk/wpnf/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script> <script id="hu-front-scripts-js-extra"> var HUParams = {"_disabled":[],"SmoothScroll":{"Enabled":false,"Options":{"touchpadSupport":false}},"centerAllImg":"1","timerOnScrollAllBrowsers":"1","extLinksStyle":"","extLinksTargetExt":"1","extLinksSkipSelectors":{"classes":["btn","button"],"ids":[]},"imgSmartLoadEnabled":"1","imgSmartLoadOpts":{"parentSelectors":[".container .content",".post-row",".container .sidebar","#footer","#header-widgets"],"opts":{"excludeImg":[".tc-holder-img"],"fadeIn_options":100,"threshold":0}},"goldenRatio":"1.618","gridGoldenRatioLimit":"350","sbStickyUserSettings":{"desktop":true,"mobile":true},"sidebarOneWidth":"340","sidebarTwoWidth":"260","isWPMobile":"","menuStickyUserSettings":{"desktop":"stick_up","mobile":"stick_up"},"mobileSubmenuExpandOnClick":"1","submenuTogglerIcon":"<i class=\"fas fa-angle-down\"><\/i>","isDevMode":"","ajaxUrl":"https:\/\/www.tottonweather.co.uk\/?huajax=1","frontNonce":{"id":"HuFrontNonce","handle":"fe80d9023f"},"isWelcomeNoteOn":"","welcomeContent":"","i18n":{"collapsibleExpand":"Expand","collapsibleCollapse":"Collapse"},"deferFontAwesome":"","fontAwesomeUrl":"https:\/\/www.tottonweather.co.uk\/wpnf\/wp-content\/themes\/hueman-pro\/assets\/front\/css\/font-awesome.min.css?1.4.22","mainScriptUrl":"https:\/\/www.tottonweather.co.uk\/wpnf\/wp-content\/themes\/hueman-pro\/assets\/front\/js\/scripts.min.js?1.4.22","flexSliderNeeded":"","flexSliderOptions":{"is_rtl":false,"has_touch_support":true,"is_slideshow":false,"slideshow_speed":5000},"fitTextMap":{"single_post_title":{"selectors":".single h1.entry-title","minEm":1.375,"maxEm":2.62},"page_title":{"selectors":".page-title h1","minEm":1,"maxEm":1.3},"home_page_title":{"selectors":".home .page-title","minEm":1,"maxEm":1.2,"compression":2.5},"post_titles":{"selectors":".blog .post-title, .archive .post-title","minEm":1.375,"maxEm":1.475},"featured_post_titles":{"selectors":".featured .post-title","minEm":1.375,"maxEm":2.125},"comments":{"selectors":".commentlist li","minEm":0.8125,"maxEm":0.93,"compression":2.5},"entry":{"selectors":".entry","minEm":0.9375,"maxEm":1.125,"compression":2.5},"content_h1":{"selectors":".entry h1, .woocommerce div.product h1.product_title","minEm":1.7578125,"maxEm":2.671875},"content_h2":{"selectors":".entry h2","minEm":1.5234375,"maxEm":2.390625},"content_h3":{"selectors":".entry h3","minEm":1.40625,"maxEm":1.96875},"content_h4":{"selectors":".entry h4","minEm":1.2890625,"maxEm":1.6875},"content_h5":{"selectors":".entry h5","minEm":1.0546875,"maxEm":1.40625},"content_h6":{"selectors":".entry h6","minEm":0.9375,"maxEm":1.265625,"compression":2.5}},"userFontSize":"16","fitTextCompression":"1.5"}; </script> <script src="https://www.tottonweather.co.uk/wpnf/wp-content/themes/hueman-pro/assets/front/js/scripts.min.js?ver=1.4.22" id="hu-front-scripts-js" defer></script> <!--[if lt IE 9]> <script src="https://www.tottonweather.co.uk/wpnf/wp-content/themes/hueman-pro/assets/front/js/ie/respond.js"></script> <![endif]--> <script id="appearing-animation-js" type="text/javascript"> /***** Modernizr cssanimation test ****/ /*! modernizr 3.4.0 (Custom Build) | MIT * * https://modernizr.com/download/?-cssanimations-setclasses !*/ !function(e,n,t){function r(e,n){return typeof e===n}function o(){var e,n,t,o,s,i,a;for(var l in S)if(S.hasOwnProperty(l)){if(e=[],n=S[l],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t<n.options.aliases.length;t++)e.push(n.options.aliases[t].toLowerCase());for(o=r(n.fn,"function")?n.fn():n.fn,s=0;s<e.length;s++)i=e[s],a=i.split("."),1===a.length?Modernizr[a[0]]=o:(!Modernizr[a[0]]||Modernizr[a[0]]instanceof Boolean||(Modernizr[a[0]]=new Boolean(Modernizr[a[0]])),Modernizr[a[0]][a[1]]=o),C.push((o?"":"no-")+a.join("-"))}}function s(e){var n=_.className,t=Modernizr._config.classPrefix||"";if(x&&(n=n.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+t+"no-js(\\s|$)");n=n.replace(r,"$1"+t+"js$2")}Modernizr._config.enableClasses&&(n+=" "+t+e.join(" "+t),x?_.className.baseVal=n:_.className=n)}function i(e,n){return!!~(""+e).indexOf(n)}function a(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):x?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function l(e){return e.replace(/([a-z])-([a-z])/g,function(e,n,t){return n+t.toUpperCase()}).replace(/^-/,"")}function u(e,n){return function(){return e.apply(n,arguments)}}function f(e,n,t){var o;for(var s in e)if(e[s]in n)return t===!1?e[s]:(o=n[e[s]],r(o,"function")?u(o,t||n):o);return!1}function c(e){return e.replace(/([A-Z])/g,function(e,n){return"-"+n.toLowerCase()}).replace(/^ms-/,"-ms-")}function d(n,t,r){var o;if("getComputedStyle"in e){o=getComputedStyle.call(e,n,t);var s=e.console;if(null!==o)r&&(o=o.getPropertyValue(r));else if(s){var i=s.error?"error":"log";s[i].call(s,"getComputedStyle returning null, its possible modernizr test results are inaccurate")}}else o=!t&&n.currentStyle&&n.currentStyle[r];return o}function p(){var e=n.body;return e||(e=a(x?"svg":"body"),e.fake=!0),e}function m(e,t,r,o){var s,i,l,u,f="modernizr",c=a("div"),d=p();if(parseInt(r,10))for(;r--;)l=a("div"),l.id=o?o[r]:f+(r+1),c.appendChild(l);return s=a("style"),s.type="text/css",s.id="s"+f,(d.fake?d:c).appendChild(s),d.appendChild(c),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(n.createTextNode(e)),c.id=f,d.fake&&(d.style.background="",d.style.overflow="hidden",u=_.style.overflow,_.style.overflow="hidden",_.appendChild(d)),i=t(c,e),d.fake?(d.parentNode.removeChild(d),_.style.overflow=u,_.offsetHeight):c.parentNode.removeChild(c),!!i}function y(n,r){var o=n.length;if("CSS"in e&&"supports"in e.CSS){for(;o--;)if(e.CSS.supports(c(n[o]),r))return!0;return!1}if("CSSSupportsRule"in e){for(var s=[];o--;)s.push("("+c(n[o])+":"+r+")");return s=s.join(" or "),m("@supports ("+s+") { #modernizr { position: absolute; } }",function(e){return"absolute"==d(e,null,"position")})}return t}function v(e,n,o,s){function u(){c&&(delete N.style,delete N.modElem)}if(s=r(s,"undefined")?!1:s,!r(o,"undefined")){var f=y(e,o);if(!r(f,"undefined"))return f}for(var c,d,p,m,v,g=["modernizr","tspan","samp"];!N.style&&g.length;)c=!0,N.modElem=a(g.shift()),N.style=N.modElem.style;for(p=e.length,d=0;p>d;d++)if(m=e[d],v=N.style[m],i(m,"-")&&(m=l(m)),N.style[m]!==t){if(s||r(o,"undefined"))return u(),"pfx"==n?m:!0;try{N.style[m]=o}catch(h){}if(N.style[m]!=v)return u(),"pfx"==n?m:!0}return u(),!1}function g(e,n,t,o,s){var i=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+P.join(i+" ")+i).split(" ");return r(n,"string")||r(n,"undefined")?v(a,n,o,s):(a=(e+" "+z.join(i+" ")+i).split(" "),f(a,n,t))}function h(e,n,r){return g(e,t,t,n,r)}var C=[],S=[],w={_version:"3.4.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var t=this;setTimeout(function(){n(t[e])},0)},addTest:function(e,n,t){S.push({name:e,fn:n,options:t})},addAsyncTest:function(e){S.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=w,Modernizr=new Modernizr;var _=n.documentElement,x="svg"===_.nodeName.toLowerCase(),b="Moz O ms Webkit",P=w._config.usePrefixes?b.split(" "):[];w._cssomPrefixes=P;var z=w._config.usePrefixes?b.toLowerCase().split(" "):[];w._domPrefixes=z;var E={elem:a("modernizr")};Modernizr._q.push(function(){delete E.elem});var N={style:E.elem.style};Modernizr._q.unshift(function(){delete N.style}),w.testAllProps=g,w.testAllProps=h,Modernizr.addTest("cssanimations",h("animationName","a",!0)),o(),s(C),delete w.addTest,delete w.addAsyncTest;for(var T=0;T<Modernizr._q.length;T++)Modernizr._q[T]();e.Modernizr=Modernizr}(window,document); ( function() { var _fireWhenCzrAppReady = function() { jQuery( function($){ var animationEnd = 'webkitAnimationEnd animationend msAnimationEnd oAnimationEnd', wrapperSelector = '#grid-wrapper', animatableSelector = '.post-inner', animatableParentSelector = '.grid-item', $_container = $( wrapperSelector ); if ( !$_container.length ) return; var $_collection = $( animatableParentSelector, $_container ), $_featured_slider = $('#flexslider-featured'); //Wait for the featured slider ready if any //to avoid elements to be animated too early if ( $_featured_slider.length ) { $_featured_slider.on( 'featured-slider-ready', function() { animateMe( $_collection, $_container, animatableSelector, animatableParentSelector ); }); } //wait for masonry init before animate else if ( $_container.hasClass( 'masonry' ) ) { $_container.on( 'masonry-init.hueman', function() { animateMe( $_collection, $_container, animatableSelector, animatableParentSelector ); }); } else { animateMe( $_collection, $_container, animatableSelector, animatableParentSelector ); } var _event = $_container.hasClass( 'masonry' ) ? 'masonry.hueman' : 'post-load'; //maybe animate infinite appended elements $('body').on( _event, function( e, response ) { if ( 'success' == response.type && response.collection && response.container ) { animateMe( response.collection, $( '#'+response.container ), //_container animatableSelector,//_to_animate_selector animatableParentSelector//_to_animate_parent_selector ); } } ); /* * params: * _collection : an object of the type { id : element [...] } || a jquery object (e.g. list of jquery elements) * _container : the jquery container element or the items to animate, or the selector * _to_animate_selector : item selector to animate * _to_animate_parent_selector : item to animate parent selector */ function animateMe( _collection, _container, _to_animate_selector, _to_animate_parent_selector, type ) { var $_container = $(_container), collection = null; //from array of jquery elements to collection ? //create an array of selectors if ( _collection instanceof jQuery || 'object' !== typeof _collection ) { collection = _.chain( $( _to_animate_parent_selector, $_container ) ) .map( function( _element ) { return '#' + $(_element).attr( 'id' ); }) //remove falsy .compact() //values the chain .value(); } else { collection = _collection; } if ( 'object' !== typeof collection ) { return; } type = type || 'advanced-animation';//simple-animation'; $( wrapperSelector ).addClass( type ); /* * see boxAnimation function in library/js/app.js in the theme you know */ var $allItems = _.size( collection ), startIndex = 0, shown = 0, index = 0, sequential = true; var _simpleAnimation = function( elementSelector ) { $( elementSelector, $_container).find( animatableSelector ).css( 'opacity' , 1 ); }; var _advancedAnimation = function( elementSelector ) { //store the collection index into the element to animate var $_to_animate = $( elementSelector + ' ' + _to_animate_selector , $_container); if ( $_to_animate.hasClass( 'end_animation' ) ) { return;//continue } $_to_animate.attr('data-collection-index', index ); new Waypoint({ element: $( elementSelector, $_container ), handler: function() { var element = $( _to_animate_selector, this.element), parent = $(this.element), currentIndex, isLast; //in case posts are per row the delay is based on the index in the row if ( parent.parent('[class*=grid-cols].row-fluid').length ) { currentIndex = parent.index(); isLast = parent.is(':last-child'); } else { currentIndex = element.attr('data-collection-index'); isLast = false } //testing purpose // element.attr('data-index', currentIndex ); var delay = (!sequential) ? index : ((startIndex !== 0) ? currentIndex - $allItems : currentIndex), delayAttr = parseInt(element.attr('data-delay')); if (isNaN(delayAttr)) delayAttr = 100; delay -= shown; var objTimeout = setTimeout(function() { //replace start_animation with an animation class //the animationEnd routine is needed only because //IS removes not visible nodes (in classical grid and classical blog) //and re-adds them when needed. In the latter case, a new animation //will be triggered, element.addClass('start_animation') .on( animationEnd, function(evt) { if ( element.get()[0] == evt.target ) { element.removeClass('start_animation') .addClass('end_animation'); element.parent(_to_animate_parent_selector).removeClass( 'infinite-doing-animation' ); } }) .parent(_to_animate_parent_selector).addClass( 'infinite-doing-animation' ); shown = isLast ? 0 : currentIndex; }, delay * delayAttr ); parent.data('objTimeout', objTimeout); this.destroy(); },//end handler offset: '150%'//might be tied to a fn() of matchMedia and user choosen grid type in the future }).context.refresh(); //end Waypoint index++; }; //Fire an animation _.each( collection, function( elementSelector ) { if ( 'simple-animation' == type ) { _simpleAnimation( elementSelector ); } else { _advancedAnimation( elementSelector ); } });//end each on the collection };//end animateMe });//jQuery };//_fireWhenCzrAppReady if ( window.czrapp && czrapp.ready && 'resolved' === czrapp.ready.state() ) { _fireWhenCzrAppReady(); } else { document.addEventListener('czrapp-is-ready', _fireWhenCzrAppReady ); } })(); </script> </body> </html><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"8f08aeaeeb0a82fc","version":"2024.10.5","r":1,"serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"token":"32be17fc62214e8da2ee10a278e7dabd","b":1}' crossorigin="anonymous"></script>
