Portfolio takes Under Construction into account. jquery adjusted for slideshow

diff --git a/css/app.css b/css/app.css
index de1b87c..4e6cc07 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6928,8 +6928,8 @@ h2#block-title {
   .gallery .ngg-fancybox:hover img {
     opacity: 0.3; }
   .gallery .ngg-fancybox .photoTitle {
-    color: #0568b3;
-    font-weight: bold;
+    /*        color: $blue;
+        font-weight: bold;*/
     max-width: 220px; }
   .gallery .ngg-fancybox .photoHead {
     color: white;
@@ -7135,13 +7135,16 @@ h2#block-title {
   font-family: "Lato"; }
 #gallery-glmphotos-light-3 .photoTitle, #gallery-glmphotos-light-5 .photoTitle {
   overflow: hidden;
+  font-family: "Lato";
+  color: #f5822a;
   width: 90%;
+  line-height: 18px;
   text-transform: capitalize;
   margin: 8px auto 0;
   cursor: pointer; }
-  #gallery-glmphotos-light-3 .photoTitle:hover a, #gallery-glmphotos-light-5 .photoTitle:hover a {
+  #gallery-glmphotos-light-3 .photoTitle:hover .photoTitleInner, #gallery-glmphotos-light-5 .photoTitle:hover .photoTitleInner {
     color: #ec6c0b; }
-  #gallery-glmphotos-light-3 .photoTitle:hover a.ngg-fancybox:before, #gallery-glmphotos-light-3 .photoTitle:hover a.ngg-fancybox:after, #gallery-glmphotos-light-5 .photoTitle:hover a.ngg-fancybox:before, #gallery-glmphotos-light-5 .photoTitle:hover a.ngg-fancybox:after {
+  #gallery-glmphotos-light-3 .photoTitle:hover .photoTitleInner:before, #gallery-glmphotos-light-3 .photoTitle:hover .photoTitleInner:after, #gallery-glmphotos-light-5 .photoTitle:hover .photoTitleInner:before, #gallery-glmphotos-light-5 .photoTitle:hover .photoTitleInner:after {
     transform: scaleX(1);
     border-color: #0568b3; }
   @media only screen and (max-width: 40em) {
@@ -7150,11 +7153,9 @@ h2#block-title {
   @media only screen and (min-width:40.063em) and (max-width:64em) {
     #gallery-glmphotos-light-3 .photoTitle h4, #gallery-glmphotos-light-5 .photoTitle h4 {
       font-size: 20px; } }
-  #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox, #gallery-glmphotos-light-5 .photoTitle a.ngg-fancybox {
-    max-height: 40px;
-    padding: 8px 0;
+  #gallery-glmphotos-light-3 .photoTitle .photoTitleInner, #gallery-glmphotos-light-5 .photoTitle .photoTitleInner {
     text-align: center; }
-    #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox:after, #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox:before, #gallery-glmphotos-light-5 .photoTitle a.ngg-fancybox:after, #gallery-glmphotos-light-5 .photoTitle a.ngg-fancybox:before {
+    #gallery-glmphotos-light-3 .photoTitle .photoTitleInner:after, #gallery-glmphotos-light-3 .photoTitle .photoTitleInner:before, #gallery-glmphotos-light-5 .photoTitle .photoTitleInner:after, #gallery-glmphotos-light-5 .photoTitle .photoTitleInner:before {
       display: block;
       content: '';
       border-width: 1px;
@@ -7164,12 +7165,12 @@ h2#block-title {
       margin: 0 auto;
       transform: scaleX(0.0001);
       transition: transform 250ms ease-in-out; }
-    #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox:after, #gallery-glmphotos-light-5 .photoTitle a.ngg-fancybox:after {
+    #gallery-glmphotos-light-3 .photoTitle .photoTitleInner:after, #gallery-glmphotos-light-5 .photoTitle .photoTitleInner:after {
       margin-top: 5px; }
-    #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox:before, #gallery-glmphotos-light-5 .photoTitle a.ngg-fancybox:before {
+    #gallery-glmphotos-light-3 .photoTitle .photoTitleInner:before, #gallery-glmphotos-light-5 .photoTitle .photoTitleInner:before {
       margin-bottom: 5px; }
-  #gallery-glmphotos-light-3 .photoTitle a:hover, #gallery-glmphotos-light-5 .photoTitle a:hover {
-    text-decoration: none; }
+    #gallery-glmphotos-light-3 .photoTitle .photoTitleInner:hover, #gallery-glmphotos-light-5 .photoTitle .photoTitleInner:hover {
+      text-decoration: none; }
 
 #gallery-glmphotos-light-5 a.ngg-fancybox {
   font-size: 14px; }

diff --git a/footer.php b/footer.php
index 2b012d2..e69cfed 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -40,42 +40,28 @@
     $(document).foundation();
     $(document).ready(function () {
         'use strict';
-            $("#metaslider_14").nivoSlider({
-                pauseOnHover:true,
-                effect: 'slideInLeft',
-                pauseTime: 7000,
-                afterLoad: function (){
-        //            $("#metaslider_11 .nivo-caption").fadeIn();
-                   $("#metaslider_14 .nivo-caption").addClass("open");
-                },
-                beforeChange: function () {
-                   $("#metaslider_14 .nivo-caption").removeClass("open");
-                     $("#metaslider_14 .nivo-caption").addClass("close");
-                },
-               afterChange: function () {
-                   $("#metaslider_14 .nivo-caption").removeClass("close");
-                   $("#metaslider_14 .nivo-caption").addClass("open");
-               } 
-            });
+        var meta_id = "#metaslider_14";
+        if (document.domain === 'localhost') {
+            meta_id = "#metaslider_11";
+        }
+        meta_id.nivoSlider({
+            pauseOnHover:true,
+            effect: 'slideInLeft',
+            pauseTime: 7000,
+            afterLoad: function (){
+    //            $("#metaslider_11 .nivo-caption").fadeIn();
+               meta_id_caption.addClass("open");
+            },
+            beforeChange: function () {
+                meta_id_caption.removeClass("open");
+                meta_id_caption.addClass("close");
+            },
+           afterChange: function () {
+               meta_id_caption.removeClass("close");
+               meta_id_caption.addClass("open");
+           } 
+        });
 
-            // remove this code before final push
-            $("#metaslider_11").nivoSlider({
-                pauseOnHover: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");
-               } 
-            });
     });
     </script>
   <?php } ?>

diff --git a/js/app.js b/js/app.js
index 065f131..24dec13 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -49,7 +49,7 @@ $(document).ready(function () {
         });
     },3100);
     $(".photoTitle").each(function() {
-        $(this).find(">:first-child").remove();
+        $(this).find("> a:first-of-type").remove();
     });
 
 

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index 42f9749..41ed1bd 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -40,7 +40,7 @@ $(document).ready(function () {
         });
     },3100);
     $(".photoTitle").each(function() {
-        $(this).find(">:first-child").remove();
+        $(this).find("> a:first-of-type").remove();
     });
 
 

diff --git a/nggallery/gallery-glmphotos-light-3.php b/nggallery/gallery-glmphotos-light-3.php
index ac27e3c..484ad77 100644 (file)
--- a/nggallery/gallery-glmphotos-light-3.php
+++ b/nggallery/gallery-glmphotos-light-3.php
@@ -45,15 +45,26 @@ Follow variables are useable :
             
             <li>
             <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box imgBorderMe" <?php echo $image->style ?> >
-
+                    <?php if (filter_var(esc_attr($image->description), FILTER_VALIDATE_URL) === FALSE) {
+                       $innerdescription = "This Website is under construction - check back soon!";
+                       $validlink = false;
+                    } else {
+                       $innerdescription = $image->description;
+                       $validlink = true;
+                    } ?>
                 <div class="ngg-gallery-thumbnail" >
                     <a href="<?php echo nextgen_esc_url($image->imageURL) ?>"
-                title="Visit<a href='<?php echo esc_attr($image->description)?>' target='_blank'> <?php echo esc_attr($image->alttext) ?></a>"
+                       <?php if ($validlink) { ?>
+                       title="Visit the <a href='<?php echo $innerdescription ?>' target='_blank'> <?php echo esc_attr($image->alttext) ?></a> Website"
+                       <?php } else { ?>
+                       title="<?php echo $innerdescription ?>"
+                       <?php } ?>
+                
                 data-src="<?php echo nextgen_esc_url($image->imageURL) ?>"
                 data-thumbnail="<?php echo nextgen_esc_url($image->thumbnailURL); ?>"
                 data-image-id="<?php echo esc_attr($image->pid); ?>"
                 data-title="<?php echo esc_attr($image->alttext); ?>"
-                data-description="<?php echo esc_attr($image->description); ?>"
+                data-description="<?php echo $innerdescription; ?>"
                 <?php echo $image->thumbcode ?> >
                     <?php if ( !$image->hidden ) { ?>
 
@@ -73,13 +84,21 @@ Follow variables are useable :
                     <?php
                     $imageTitle = !preg_match(';is\d{2,}-\d{10,}-\d{5,}$;', $image->alttext) ? $image->alttext: '';
                     ?>
+                        <?php if ($validlink) { ?>
                    <div class="photoTitle"> 
-                        <a href="<?php echo esc_attr($image->description) ?>" target="_blank">
-                            <div title="Visit the <?php echo esc_attr($image->alttext) ?> website!"
-                                alt="<?php echo esc_attr($image->alttext) ?>">
+                            <a class="photoTitleInner" href="<?php echo $innerdescription ?>" target="_blank">
+                                <div title="Visit the <?php echo esc_attr($image->alttext) ?> website!"
+                                    alt="<?php echo esc_attr($image->alttext) ?>">
+                                    <?php if (!$image->hidden) { echo esc_attr($imageTitle); }?>
+                                </div>
+                            </a>
+                        <?php } else { ?>
+                   </a><div class="photoTitle"> 
+                            <div class="photoTitleInner" title="<?php echo $innerdescription ?>"
+                                alt="<?php echo $innerdescription ?>">
                                 <?php if (!$image->hidden) { echo esc_attr($imageTitle); }?>
                             </div>
-                        </a>
+                       <?php } ?>
                     </div>
                 </div>
 

diff --git a/scss/plugins/_nextgen.scss b/scss/plugins/_nextgen.scss
index ced0bef..a6ce154 100644 (file)
--- a/scss/plugins/_nextgen.scss
+++ b/scss/plugins/_nextgen.scss
@@ -106,8 +106,8 @@
         opacity: 0.3;
     }
     .ngg-fancybox .photoTitle {
-        color: $blue;
-        font-weight: bold;
+/*        color: $blue;
+        font-weight: bold;*/
         max-width: 220px;
     }
     .ngg-fancybox .photoHead {
@@ -340,17 +340,19 @@
     }
     .photoTitle {
         overflow:hidden;
+        font-family: "Lato";
+        color: $orange;
         width: 90%;
+        line-height: 18px;
         text-transform: capitalize;
         margin: 8px auto 0;
         cursor: pointer;
         &:hover {
-            a {
+            .photoTitleInner {
                 color: #ec6c0b;
             }
-            
-            a.ngg-fancybox:before,
-            a.ngg-fancybox:after {
+            .photoTitleInner:before,
+            .photoTitleInner:after {
                 transform: scaleX(1);
                 border-color: rgba(5,104,179,1);
             }
@@ -365,9 +367,7 @@
                     font-size: 20px;
                 }
             }
-        a.ngg-fancybox {
-            max-height: 40px;
-            padding: 8px 0;
+        .photoTitleInner {
             text-align: center;
             &:after,
             &:before {
@@ -387,9 +387,9 @@
             &:before {
                 margin-bottom: 5px;
             }
-        }
-        a:hover {
-            text-decoration: none;
+            &:hover {
+                text-decoration: none;
+            }
         }
     }