flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-30 19:00:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

minor changes...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2012-06-08 16:58:29 +04:00
parent 5a4a7ceb05
commit 77fd8ef4dc
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ui/gallery.html
View File

@ -125,10 +125,9 @@ function loadImages(json){
$('.image').remove() $('.image').remove()
for(var i = 0; i < images.length; i++){ for(var i = 0; i < images.length; i++){
$('<div class="image mock-image"></div>') $('<div class="image"></div>')
.css({ .css({
background : 'url('+images[i]+') no-repeat 50% black', 'background-image': 'url('+images[i]+')'
'background-size': 'contain',
}) })
.click(handleClick) .click(handleClick)
.appendTo(ribbon) .appendTo(ribbon)
@ -426,7 +425,13 @@ function demoteImage(){
<style> <style>
.image { .image {
position: relative; position: relative;
width: 350px;
height: 350px;
display: inline-block; display: inline-block;
background: no-repeat 50% black;
background-size: contain;
opacity: 0.3; opacity: 0.3;
@ -440,9 +445,6 @@ function demoteImage(){
} }
.mock-image { .mock-image {
width: 350px;
height: 350px;
background: blue; background: blue;
} }
@ -611,7 +613,7 @@ function demoteImage(){
-moz-transform: scale(0.2,0.2); -moz-transform: scale(0.2,0.2);
} }
*/ */
.wide-view-mode .mock-image { .wide-view-mode .image {
width: 50px; width: 50px;
height: 50px; height: 50px;