thumbnail used as temporary background while loading main image

2012-11-09 10:27:33 +02:00
parent c39092854c
commit 513650c663
2 changed files with 3 additions and 0 deletions
--- a/galleryscript.js
+++ b/galleryscript.js
@@ -1000,6 +1000,7 @@ function showbigimage(i) {
            $('#imagesingle').css('width','auto');
            $('#imagesingle').css('height',height);
        }
+        $('#imagesingle').css('background-image','url("_tn/tn_'+encodeURIComponent(imagelist[i])+'.jpg")');
    }
    $('#imagecontainer').css('height',height);
    
--- a/gallerystyle.css
+++ b/gallerystyle.css
@@ -189,6 +189,8 @@ margin-left: auto;
 margin-right: auto;
 padding-left: 0px;
 padding-right: 0px;
+background-size: contain;
+background-repeat: no-repeat;
 }
 #imagebig {
    text-align: center;