gallery javascript added

14 years ago · 4fb9880585
parent 9da2e96c09
commit 4fb9880585
7 changed files with 89 additions and 0 deletions
--- a/_img/close.png
+++ b/_img/close.png
--- a/_img/next.png
+++ b/_img/next.png
--- a/_img/prev.png
+++ b/_img/prev.png
--- a/gallery.js
+++ b/gallery.js
@ -0,0 +1,57 @@
 // Create function to load image
 function loadImg(src){
    var body = document.getElementsByTagName("body")[0];
    var div = document.getElementById("gallery_container");
    if( !div ) {
        div = document.createElement('div');
        div.setAttribute('id', 'gallery_container');    
        body.appendChild(div);  
        var anch = document.createElement('a');
        anch.setAttribute('href', '#'); 
        div.appendChild(anch);
        var close = new Image();
        close.src = "_img/close.png"
        close.id = "gallery_close";
        close.onclick = function(){
            div.style.visibility='hidden';
            return false;
        }
        anch.appendChild(close);
        anch = document.createElement('a');
        anch.setAttribute('href', '#'); 
        var prev = new Image();
        anch.appendChild(prev);
        div.appendChild(anch);
        prev.src = "_img/prev.png";
        prev.id = "gallery_prev";
        var img = new Image()
        div.appendChild(img);
        img.src = src;
        anch = document.createElement('a');
        anch.setAttribute('href', '#'); 
        var next = new Image();
        anch.appendChild(next);
        div.appendChild(anch);
        next.src = "_img/next.png";
        next.id = "gallery_next";
    }else{
        var oldimg = div.getElementsByTagName("img"); 
        if( oldimg ){
            for( var i=0; i<oldimg.length; i++){
                if( oldimg[i].parentNode == div ){
                    oldimg[i].src = src;
                }
            }
        }
        div.style.visibility='visible';
    }
 }
--- a/mdx_gallery.py
+++ b/mdx_gallery.py
@ -20,6 +20,7 @@ class GalleryPattern(Pattern):
            anch = markdown.util.etree.Element('a')
            anch.attrib["href"]=img
            anch.attrib["target"]="_blank"
            anch.attrib["onclick"]='loadImg("%s");return false;' % (img)
            li.append(anch)
            img_el = markdown.util.etree.Element('img')
--- a/pylog_config.py
+++ b/pylog_config.py
@ -9,6 +9,7 @@ subtitle=u'produced py Powertomato \xb0\u0DF4\xb0'
 header="""
 <link rel="stylesheet" type="text/css" href="style.css" />
 <link rel="stylesheet" type="text/css" href="source.css" />
 <script src="gallery.js"></script> 
 """                 
 # This header will be printed in the <head> section of the html file
--- a/style.css
+++ b/style.css
@ -1,3 +1,33 @@
 #gallery_container {
    position:absolute;
    top:0px; left:0px;
    background-color:#222222;
    width:100%;
    height:100%;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    overflow:scroll;
 }
 #gallery_container img{
    margin-top:30px;
    margin-bottom:30px;
 }
 #gallery_close {
    position:absolute;
    right:30px;
 }
 #gallery_prev {
    padding-bottom:15px;
 }
 #gallery_next {
    padding-bottom:15px;
 }
 /* generall */
 .hidden {
    display: none