summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--css/lightbox.css21
-rw-r--r--js/lightbox.js2
2 files changed, 10 insertions, 13 deletions
diff --git a/css/lightbox.css b/css/lightbox.css
index 6e5e96a..23f406e 100644
--- a/css/lightbox.css
+++ b/css/lightbox.css
@@ -60,10 +60,10 @@
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;
@@ -88,13 +88,8 @@
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;
@@ -128,11 +123,13 @@
/* 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;
@@ -146,6 +143,6 @@
width: 34px;
height: 34px;
position: relative;
+ left: 30px;
float: right;
- left: 66px;
}
diff --git a/js/lightbox.js b/js/lightbox.js
index df91881..07b18c0 100644
--- a/js/lightbox.js
+++ b/js/lightbox.js
@@ -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});