changed slide effects and removed nav buttons from slide show

diff --git a/css/app.css b/css/app.css
index cc0fd92..9a94b4f 100644 (file)
--- 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 (file)
--- 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 (file)
--- 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 (file)
--- 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