From 0c5eaf90c6e82c61141d0690ed0975a81b8090e3 Mon Sep 17 00:00:00 2001 From: "Alex A. Naanou" Date: Thu, 20 Sep 2012 18:28:31 +0400 Subject: [PATCH] updated todo... Signed-off-by: Alex A. Naanou --- ui/TODO.otl | 19 +++++++++++++------ ui/gallery-prototype.js | 19 ++++++++++++++++--- ui/gallery.css | 1 + 3 files changed, 30 insertions(+), 9 deletions(-) diff --git a/ui/TODO.otl b/ui/TODO.otl index d87e32b5..f8fc4d86 100755 --- a/ui/TODO.otl +++ b/ui/TODO.otl @@ -1,10 +1,13 @@ Priority work - [_] 85% Preview II - [_] load higher resolution images OVER lower res to avoid "blackouts" - | plus, might be good to keep the low-res versions loaded... - | - | this can either be done via pre-loading or double layering... - [_] 38% native client + [_] 84% Preview II + [_] 29% native client + [_] 0% Standalone utils + [_] generate cache + | resize images and put them into .ImageGrid.cache/px directory + | + | should rebuild JSON + [_] generate JSON + | build JSON data from a directory... [_] 0% Generic [_] default settings in platform-specific JSON file | this file should be auto-loaded on first run -- when no @@ -31,6 +34,10 @@ Priority work [_] directory lister [X] basic test [X] disable transitions... + [_] load higher resolution images OVER lower res to avoid "blackouts" + | plus, might be good to keep the low-res versions loaded... + | + | this can either be done via pre-loading or double layering... [X] 100% dynamic loading of images [X] 100% stream on navigate | parameters that affect loading: diff --git a/ui/gallery-prototype.js b/ui/gallery-prototype.js index 38a45211..eebd5853 100755 --- a/ui/gallery-prototype.js +++ b/ui/gallery-prototype.js @@ -1253,20 +1253,33 @@ function getURL(id, size){ function updateImage(img, size){ var id = img.attr('id') var overlay = $('#'+id+' .image-overlay') + var original_url = img.css('background-image') + var new_url = 'url('+getURL(id, size)+')' + + // don't do anything if the url has not changed... + if(new_url != 'none' && new_url == original_url){ + return + } + // create an overlay with the same image... + /* overlay .css({ - 'background-image': img.css('background-image'), + 'background-image': original_url, + 'display': 'block' }) - .show() + */ img .css({ - 'background-image': 'url('+getURL(id, size)+')' + 'background-image': new_url }) + /* // when the new image loads, fadeout the overlay remove it... + // XXX this fires before the image is loaded... .ready(function(){ overlay.fadeOut() }) + */ } diff --git a/ui/gallery.css b/ui/gallery.css index 7d67cca9..255e76e6 100755 --- a/ui/gallery.css +++ b/ui/gallery.css @@ -115,6 +115,7 @@ } .image { + position: relative; display: inline-block; background: no-repeat 50% black;