From b11d318ae9478a178fa99588f745178a31452fc5 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Thu, 14 Apr 2016 16:03:06 -0400 Subject: [PATCH] changed slide effects and removed nav buttons from slide show --- css/app.css | 36 ++++++++++++ js/app.js | 38 +++++++------ js/custom/pageSetup.js | 38 +++++++------ scss/_slideshow.scss | 121 +++++++++++++++++++++-------------------- 4 files changed, 142 insertions(+), 91 deletions(-) diff --git a/css/app.css b/css/app.css index cc0fd92..9a94b4f 100644 --- a/css/app.css +++ b/css/app.css @@ -6774,6 +6774,9 @@ h2#block-title { font-size: 0.875rem; letter-spacing: normal; } } +.nivo-directionNav { + display: none; } + #metaslider_14 .nivo-caption.open > .captionContent { width: auto; transform: translate3d(0px, 0px, 0px) !important; @@ -6807,6 +6810,39 @@ h2#block-title { transition: visibility 500ms, opacity 0.5s linear !important; transition: all 500ms !important; } +#metaslider_11 .nivo-caption.open > .captionContent { + width: auto; + transform: translate3d(0px, 0px, 0px) !important; + visibility: visible; + opacity: 1; + transition: translate3d 500ms ease 0s !important; + transition: visibility 500ms, opacity 1s linear !important; } + +#metaslider_11 .nivo-caption.open > .captionButton { + width: auto; + transform: translate3d(.1%, 0%, 0px) !important; + visibility: visible; + opacity: 1; + transition: translate3d 500ms ease 1s !important; + transition: visibility 500ms, opacity 1s linear !important; + transition: all 500ms !important; } + +#metaslider_11 .nivo-caption.close > .captionContent { + transform: translate3d(-100%, 0%, 0px) !important; + visibility: hidden; + opacity: 0; + transition: translate3d 2000ms ease 0s !important; + transition: visibility 500ms, opacity 0.5s linear !important; + transition: all 500ms !important; } + +#metaslider_11 .nivo-caption.close > .captionButton { + transform: translate3d(-100%, 0%, 0px) !important; + visibility: hidden; + opacity: 0; + transition: translate3d 500ms ease 0s !important; + transition: visibility 500ms, opacity 0.5s linear !important; + transition: all 500ms !important; } + /* NextGen Gallery */ [class*="block-grid-"] > li { height: auto; diff --git a/js/app.js b/js/app.js index dc98d25..9d2c8c9 100644 --- a/js/app.js +++ b/js/app.js @@ -65,6 +65,9 @@ $(document).ready(function () { // // $("#metaslider_14").nivoSlider({ + pauseOnHover:true, + effect: 'slideInLeft', + directionNavHide:true, pauseTime: 7000, afterLoad: function (){ // $("#metaslider_11 .nivo-caption").fadeIn(); @@ -85,20 +88,23 @@ $(document).ready(function () { // remove this code before final push -// $("#metaslider_11").nivoSlider({ -// pauseTime: 7000, -// afterLoad: function (){ -//// $("#metaslider_11 .nivo-caption").fadeIn(); -// $("#metaslider_11 .nivo-caption").addClass("open"); -// -// }, -// beforeChange: function () { -// $("#metaslider_11 .nivo-caption").removeClass("open"); -// $("#metaslider_11 .nivo-caption").addClass("close"); -// }, -// afterChange: function () { -// $("#metaslider_11 .nivo-caption").removeClass("close"); -// $("#metaslider_11 .nivo-caption").addClass("open"); -// } -// }); + $("#metaslider_11").nivoSlider({ + pauseOnHover:true, + directionNavHide:true, + effect: 'slideInLeft', + pauseTime: 7000, + afterLoad: function (){ +// $("#metaslider_11 .nivo-caption").fadeIn(); + $("#metaslider_11 .nivo-caption").addClass("open"); + + }, + beforeChange: function () { + $("#metaslider_11 .nivo-caption").removeClass("open"); + $("#metaslider_11 .nivo-caption").addClass("close"); + }, + afterChange: function () { + $("#metaslider_11 .nivo-caption").removeClass("close"); + $("#metaslider_11 .nivo-caption").addClass("open"); + } + }); }); diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js index 66a01f0..9ee4b65 100644 --- a/js/custom/pageSetup.js +++ b/js/custom/pageSetup.js @@ -56,6 +56,9 @@ $(document).ready(function () { // // $("#metaslider_14").nivoSlider({ + pauseOnHover:true, + effect: 'slideInLeft', + directionNavHide:true, pauseTime: 7000, afterLoad: function (){ // $("#metaslider_11 .nivo-caption").fadeIn(); @@ -76,20 +79,23 @@ $(document).ready(function () { // remove this code before final push -// $("#metaslider_11").nivoSlider({ -// pauseTime: 7000, -// afterLoad: function (){ -//// $("#metaslider_11 .nivo-caption").fadeIn(); -// $("#metaslider_11 .nivo-caption").addClass("open"); -// -// }, -// beforeChange: function () { -// $("#metaslider_11 .nivo-caption").removeClass("open"); -// $("#metaslider_11 .nivo-caption").addClass("close"); -// }, -// afterChange: function () { -// $("#metaslider_11 .nivo-caption").removeClass("close"); -// $("#metaslider_11 .nivo-caption").addClass("open"); -// } -// }); + $("#metaslider_11").nivoSlider({ + pauseOnHover:true, + directionNavHide:true, + effect: 'slideInLeft', + pauseTime: 7000, + afterLoad: function (){ +// $("#metaslider_11 .nivo-caption").fadeIn(); + $("#metaslider_11 .nivo-caption").addClass("open"); + + }, + beforeChange: function () { + $("#metaslider_11 .nivo-caption").removeClass("open"); + $("#metaslider_11 .nivo-caption").addClass("close"); + }, + afterChange: function () { + $("#metaslider_11 .nivo-caption").removeClass("close"); + $("#metaslider_11 .nivo-caption").addClass("open"); + } + }); }); diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss index d16ca57..2b528ab 100644 --- a/scss/_slideshow.scss +++ b/scss/_slideshow.scss @@ -123,6 +123,9 @@ } } } +.nivo-directionNav{ + display:none; +} #metaslider_14 .nivo-caption.open > .captionContent{ // overflow-y: hidden; @@ -190,66 +193,66 @@ // remove this before final push -//#metaslider_11 .nivo-caption.open > .captionContent{ -//// overflow-y: hidden; -//// max-height: 500px; /* approximate max height */ -//// -//// transition-property: all; -//// transition-duration: 4s; -//// transition-timing-function: cubic-bezier(.4,.89,.85,.99); -// width: auto; -//// position: absolute; -// transform: translate3d(0px, 0px, 0px) !important; -// visibility: visible; -// opacity: 1; -// transition: translate3d 500ms ease 0s !important; -// transition: visibility 500ms, opacity 1s linear !important; +#metaslider_11 .nivo-caption.open > .captionContent{ +// overflow-y: hidden; +// max-height: 500px; /* approximate max height */ // -//} -//#metaslider_11 .nivo-caption.open > .captionButton{ -//// overflow-y: hidden; -//// max-height: 500px; /* approximate max height */ -//// -//// transition-property: all; -//// transition-duration: 4s; -//// transition-timing-function: cubic-bezier(.4,.89,.85,.99); -// width: auto; -//// position: absolute; +// transition-property: all; +// transition-duration: 4s; +// transition-timing-function: cubic-bezier(.4,.89,.85,.99); + width: auto; +// position: absolute; + transform: translate3d(0px, 0px, 0px) !important; + visibility: visible; + opacity: 1; + transition: translate3d 500ms ease 0s !important; + transition: visibility 500ms, opacity 1s linear !important; + +} +#metaslider_11 .nivo-caption.open > .captionButton{ +// overflow-y: hidden; +// max-height: 500px; /* approximate max height */ // -// transform: translate3d(.1%, 0%, 0px) !important; -// visibility: visible; -// opacity: 1; -// transition: translate3d 500ms ease 1s !important; -// transition: visibility 500ms, opacity 1s linear !important; +// transition-property: all; +// transition-duration: 4s; +// transition-timing-function: cubic-bezier(.4,.89,.85,.99); + width: auto; +// position: absolute; + + transform: translate3d(.1%, 0%, 0px) !important; + visibility: visible; + opacity: 1; + transition: translate3d 500ms ease 1s !important; + transition: visibility 500ms, opacity 1s linear !important; + + transition: all 500ms !important; + +} +#metaslider_11 .nivo-caption.close >.captionContent{ +// overflow-y: hidden; +// max-height: 500px; /* approximate max height */ // -// transition: all 500ms !important; +// transition-property: all; +// transition-duration: 4s; +// transition-timing-function: cubic-bezier(.4,.89,.85,.99); + transform: translate3d(-100%, 0%, 0px) !important; + visibility: hidden; + opacity: 0; + transition: translate3d 2000ms ease 0s !important; + transition: visibility 500ms, opacity 0.5s linear !important; + transition: all 500ms !important; +} +#metaslider_11 .nivo-caption.close >.captionButton{ +// overflow-y: hidden; +// max-height: 500px; /* approximate max height */ // -//} -//#metaslider_11 .nivo-caption.close >.captionContent{ -//// overflow-y: hidden; -//// max-height: 500px; /* approximate max height */ -//// -//// transition-property: all; -//// transition-duration: 4s; -//// transition-timing-function: cubic-bezier(.4,.89,.85,.99); -// transform: translate3d(-100%, 0%, 0px) !important; -// visibility: hidden; -// opacity: 0; -// transition: translate3d 2000ms ease 0s !important; -// transition: visibility 500ms, opacity 0.5s linear !important; -// transition: all 500ms !important; -//} -//#metaslider_11 .nivo-caption.close >.captionButton{ -//// overflow-y: hidden; -//// max-height: 500px; /* approximate max height */ -//// -//// transition-property: all; -//// transition-duration: 4s; -//// transition-timing-function: cubic-bezier(.4,.89,.85,.99); -// transform: translate3d(-100%, 0%, 0px) !important; -// visibility: hidden; -// opacity: 0; -// transition: translate3d 500ms ease 0s !important; -// transition: visibility 500ms, opacity 0.5s linear !important; -// transition: all 500ms !important; -//} \ No newline at end of file +// transition-property: all; +// transition-duration: 4s; +// transition-timing-function: cubic-bezier(.4,.89,.85,.99); + transform: translate3d(-100%, 0%, 0px) !important; + visibility: hidden; + opacity: 0; + transition: translate3d 500ms ease 0s !important; + transition: visibility 500ms, opacity 0.5s linear !important; + transition: all 500ms !important; +} \ No newline at end of file -- 2.17.1