Gallery Button fixed

iboard · Jan 3, 2011 · eda0932 · eda0932
1 parent 7bead12
commit eda0932
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/public/javascripts/application.js b/public/javascripts/application.js
@@ -168,7 +168,8 @@ function gallery_popup(duration,args) {
                  "return false;\"><img src='/images/play.png' /></a></div>"+
                  "<div id='pause'><a id='pause' href='#' onclick=\"cycling(0);"+
                  "$('#pause').hide();cycle_pictures("+0+","+photos.length+","+(i)+");$('#play').show();"+
-                 "return false;\"><img src='/images/pause.png' /></a></div>";
+                 "return false;\"><img src='/images/pause.png' /></a></div>"+
+                 "";
 
     rc += "<div id='photo_"+ i + "' style='display:none;'>"+
              prev+prev_close +
@@ -186,7 +187,7 @@ function gallery_popup(duration,args) {
        "<div id='overlay_content' class='overlay_content'>"+
           rc+
        "</div>"+
-       "<div id='gallery_controller'>"+ controller + "</div>"+
+       "<div id='gallery_bottom'><div id='gallery_controller'>"+ controller + "</div></div>"+
        "</div>"
       );
   $('#overlay').fadeTo(500,1.0);

diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
@@ -1383,19 +1383,26 @@
     margin-left: 130px;
   }
 
+  #gallery_bottom {
+    text-align: center;
+    position: fixed;
+    bottom: 40px;
+    left: 30px;
+    right: 30px;
+    z-index: 5;
+  }
+
   #gallery_controller {
     opacity: 0.8;
+    width: 100px;
+    margin-left: auto;
+    margin-right: auto;
     background: #444;
     padding: 10px;
     border: 1px solid #444;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
-    text-align: center;
-    width: 200px;  
-    position: relative;
-    top: -80px;
-    left: 80px;
-    z-index: 4;
+    z-index: 6;
   }
 
   .blog_image_body_preview {