changes for #179896 - replaced prev, next and close text images with images
authorStella Power
Thu, 4 Oct 2007 11:00:28 +0000 (11:00 +0000)
committerStella Power
Thu, 4 Oct 2007 11:00:28 +0000 (11:00 +0000)
containing no text.

css/lightbox.css
js/lightbox.js

index 6e5e96a..23f406e 100644 (file)
   float: right;
 }
 #prevLink:hover, #prevLink:visited:hover {
-  background: url(../images/prevlabel.gif) left 15% no-repeat;
+  background: url(../images/prev.gif) left 15% no-repeat;
 }
 #nextLink:hover, #nextLink:visited:hover {
-  background: url(../images/nextlabel.gif) right 15% no-repeat;
+  background: url(../images/next.gif) right 15% no-repeat;
 }
 #imageDataContainer {
   font: 10px Verdana, Helvetica, sans-serif;
   clear: left;
   padding-bottom: 1.0em;
 }
-#imageData #bottomNavClose {
-  width: 66px;
-  float: right;
-  padding-top: 0.7em;
-}
 #imageData #bottomNav {
-  height: 57px;
+  height: 66px;
 }
 #overlay {
   position: absolute;
 /* Image location mod */
 #bottomNavClose {
   display: block;
-  background: url(../images/closelabel.gif) no-repeat;
-  width: 66px;
-  height: 22px;
+  background: url(../images/close.gif) right no-repeat;
   position: relative;
   top: 35px;
+  float: right;
+  padding-top: 0.7em;
+  height: 26px;
+  width: 26px;
 }
 #loadingLink {
   display: block;
   width: 34px;
   height: 34px;
   position: relative;
+  left: 30px;
   float: right;
-  left: 66px;
 }
index df91881..07b18c0 100644 (file)
@@ -173,6 +173,7 @@ var Lightbox = {
     BottomNav.setAttribute('id', 'bottomNav');
     ImageData.appendChild(BottomNav);
 
+
     var BottomNavCloseLink = document.createElement("a");
     BottomNavCloseLink.setAttribute('id', 'bottomNavClose');
     BottomNavCloseLink.setAttribute('href', '#');
@@ -191,7 +192,6 @@ var Lightbox = {
     $('#nextLink').click(function() { Lightbox.changeImage(Lightbox.activeImage + 1); return false; } );
     $("#bottomNavClose").click(function() { Lightbox.end(); return false; } );
     $("#bottomNavZoom").click(function() { Lightbox.changeImage(Lightbox.activeImage, 'TRUE'); return false; } );
-    $('#outerImageContainer').css({width: '250px', height: '250px'} );
 
     // Fix positioning of Prev and Next links.
     $('#prevLink').css({ paddingTop: Lightbox.borderSize});