Changeset 780905

Timestamp:

10/01/2013 02:51:05 PM (12 years ago)

Author:

nosman123

Message:

Updated lightbox to scale to viewport

File:

• sgt-carousel-gallery/trunk/sgt_carousel_gallery.php (modified) (8 diffs)

sgt-carousel-gallery/trunk/sgt_carousel_gallery.php

@@ -94 +94 @@
         #captionsWrapper{
             min-height:20px;
-            height:auto;
+            height:100%;
+            overflow:scroll;
             position:relative;
             width:100%;
@@ -124 +125 @@
             overflow:auto;
             background:#fff;
+            text-align:center;
         }
         
         .controlPanelFull{
             display:block;
-            margin-top:10px;
+            margin-top:1%;
+            margin-left:1%;
+            margin-right:1%;
             position:absolute;
-            width:100%;
-            bottom:0px;
+            width:98%;
+            bottom:1%;
             min-height:30px;
             height:auto;
@@ -207 +211 @@
             display:inline;
             background-color:#fff;
-            float:left;
+            //float:left;
             width:auto;
-            height:auto;
-            margin-left:10px;
-            margin-right:10px;
-            margin-top:10px;
-            max-width:800px;
-            max-height:575px;
+            max-width:69%;
+            max-height:75%;
+            margin-top:1%;
+            overflow:hidden;
             z-index:500001;
         }
@@ -222 +224 @@
             display:inline-block;
             top:10px;
-            position:relative;
-            width:auto;
-            height:625px;
+            overflow:hidden;
+            position:relative;
+            width:95vw;
+            height:95vh;
             z-index:500001;
         }
@@ -231 +234 @@
             margin-top:30px;
             dislay:inline;
-            width:auto;
-            height:auto;
-            margin-left:10px;
-            margin-right:10px;
+            width:96%;
+            height:100%;
+            overflow:scroll;
+            margin-left:2%;
+            margin-right:2%;
             padding-bottom:10px;
         }
@@ -258 +262 @@
         
         #imgCaptionWrapper {
-            display:inline-block;
+            display:inline;
             width:auto;
-            overflow:auto;
+            overflow:scroll;
             position:relative;
             margin-left:auto;
@@ -294 +298 @@
             display:inline;
             position:relative;
-            margin-top:10px;
-            margin-right:10px;
-            height:575px;
-            width:270px;
+            margin-top:1%;
+            margin-right:1%;
+            max-height:50%;
+            width:28%;
             font-size:1em;
-            float:left;
-    
+            float:right;
+            overflow:scroll;
             z-index:500001;
         }
@@ -471 +475 @@
 }
 
+function eighty_pc() {
+    var height = $(window).height();
+    var eighty = (80 * height) / 100;
+    thirtypc = parseInt(eighty) + 'px';
+    $("fullScreenImgDiv").css('height', eighty);
+}
+
+/*jquery(document).ready(function() {
+    thirty_pc();
+    jquery(window).bind('resize', thirty_pc);
+});*/
+