From 19423cd85baed5c52e4f0fc0b017c68fef9fafc9 Mon Sep 17 00:00:00 2001 From: briandunnigan Date: Mon, 20 Jul 2015 16:09:35 -0400 Subject: [PATCH] Interior Page Header Slider, Loading gif home MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Adding the ability to use metaslider as a page header - Creating a loading gif for the home page slider so that it doesn’t jump when the page loads - Enhancing default template so that it’s now similar in functionality to the full width page --- img/loading-gif.gif | Bin 0 -> 4005 bytes js/custom.js | 14 ++++++++++ page-full-width.php | 21 +++++---------- page-home.php | 1 + page.php | 61 ++++++++++++++++++++------------------------ style.css | 47 +++++++++++++++++++++++++++++----- 6 files changed, 89 insertions(+), 55 deletions(-) create mode 100644 img/loading-gif.gif diff --git a/img/loading-gif.gif b/img/loading-gif.gif new file mode 100644 index 0000000000000000000000000000000000000000..341a537672ebee5dc9f0a0ee2e024dc75ad0b2bb GIT binary patch literal 4005 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 literal 0 HcmV?d00001 diff --git a/js/custom.js b/js/custom.js index 71218d9..4291138 100644 --- a/js/custom.js +++ b/js/custom.js @@ -542,4 +542,18 @@ a.version:{419:"2.0.4",417:"2.0.3",416:"2.0.2",412:"2.0",312:"1.3",125:"1.2",85: format:function(c){var a="",b;for(b in c)if(b&&c.hasOwnProperty(b)){var g=b,e=c[b],g=g.split(".").join("-"),f=" ua-"+g;if("string"===typeof e){for(var e=e.split(" ").join("_").split(".").join("-"),d=e.indexOf("-");0
-
+ + ID, "metaslider-id", true)."]"); ?> + - - - - - - \ No newline at end of file diff --git a/page-home.php b/page-home.php index be7f7c4..acdd2d7 100644 --- a/page-home.php +++ b/page-home.php @@ -12,6 +12,7 @@ if($homepageLayout == '1-3') { ?>
+ +
+ \ No newline at end of file diff --git a/style.css b/style.css index 49cbb6e..cc6ad65 100644 --- a/style.css +++ b/style.css @@ -658,6 +658,39 @@ padding-left:10px; } + +.home-loading.slide-ready { + visibility:hidden; + display:none; +} +.home-loading.slide-unready { + height:463px; +} + + @media (max-width:1200px){ + .home-loading.slide-unready { + height:371px; + } + } + + @media (max-width:991px){ + .home-loading.slide-unready { + height:286px; + } + } + .home-loading.slide-unready { + background-image:url('img/loading-gif.gif'); + background-color:white !important; + background-repeat:no-repeat; + background-position: center center; + } + +#home1.slide-waiting { + visibility:hidden; + display:none; + height:0; +} + /* =============================== Footer =============================== */ @@ -1026,14 +1059,14 @@ a:hover.yellow-link { } } -.interior-hero img { +.interior-hero img, .interior-hero .metaslider { margin-top:-10px; z-index:1; position:relative; margin-bottom: -50px; } -.ie8 .interior-hero img { +.ie8 .interior-hero img, .ie8 .interior-hero .metaslider { margin-left:-10px; margin-top:-10px; width:940px; @@ -1041,7 +1074,7 @@ margin-top:-10px; max-width:none; } -.ie7 .interior-hero img { +.ie7 .interior-hero img, .ie7 .interior-hero .metaslider { margin-left:-10px; margin-top:-10px; width:940px; @@ -1060,7 +1093,7 @@ margin-top:-10px; margin-bottom:-50px } - .interior-hero img { + .interior-hero img, .interior-hero .metaslider { margin-top:-10px; z-index:1; position:relative; @@ -1081,11 +1114,11 @@ margin-top:-10px; margin-left:0px; width:100%; } -.interior-hero img { +.interior-hero img, .interior-hero .metaslider { margin-bottom:-30px; -} - } +}} + /* =============================== BOOTSTRAP OVERRIDES =============================== */ #home-interior .span12 {