lightbox has an x

plastic-cup · May 22, 2015 · d804866 · d804866
1 parent 0b30719
commit d804866
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/css/main.css b/css/main.css
@@ -262,6 +262,18 @@
 	background: rgba(0,0,0,0.8);
 }
 
+#close {
+	position: fixed;
+	top: 50px;
+	left: 940px;
+	height: 50px;
+	width: 50px;
+	background-color: rgba(0,0,0,0);
+	background-image: url('../images/close.png');
+	background-repeat: no-repeat;
+	background-position: center center;
+}
+
 .picChild {
 	position: relative;
 	z-index: -1;

diff --git a/images/close.png b/images/close.png
diff --git a/javascript/headers-callbacks.js b/javascript/headers-callbacks.js
@@ -168,13 +168,16 @@ for (var i = 0; i < selectedPhotos.length; i++){
 function lightbox(){
     var darkness = document.createElement('div');
     var lightbox = document.createElement('img');
+    var close = document.createElement('div');
+    close.setAttribute('id', 'close');
     var fullSize = this.src.split('/');
     fullSize.splice(5,1);
     fullSize = fullSize.join('/');
     lightbox.setAttribute('id', 'lightbox');
     lightbox.setAttribute('src', fullSize);
     filterpage.appendChild(darkness);
     darkness.appendChild(lightbox);
+    darkness.appendChild(close);
     darkness.setAttribute('class', 'darkened');
     darkness.addEventListener('click', function(){
         darkness.parentNode.removeChild(darkness);