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

updated todo...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2012-09-20 18:28:31 +04:00
parent c7044da743
commit 0c5eaf90c6
3 changed files with 30 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
ui/TODO.otl
View File

@ -1,10 +1,13 @@
Priority work Priority work
[_] 85% Preview II [_] 84% Preview II
[_] load higher resolution images OVER lower res to avoid "blackouts" [_] 29% native client
| plus, might be good to keep the low-res versions loaded... [_] 0% Standalone utils
| [_] generate cache
| this can either be done via pre-loading or double layering... | resize images and put them into .ImageGrid.cache/<size>px directory
[_] 38% native client |
| should rebuild JSON
[_] generate JSON
| build JSON data from a directory...
[_] 0% Generic [_] 0% Generic
[_] default settings in platform-specific JSON file [_] default settings in platform-specific JSON file
| this file should be auto-loaded on first run -- when no | this file should be auto-loaded on first run -- when no
@ -31,6 +34,10 @@ Priority work
[_] directory lister [_] directory lister
[X] basic test [X] basic test
[X] disable transitions... [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% dynamic loading of images
[X] 100% stream on navigate [X] 100% stream on navigate
| parameters that affect loading: | parameters that affect loading:

19
ui/gallery-prototype.js
View File

@ -1253,20 +1253,33 @@ function getURL(id, size){
function updateImage(img, size){ function updateImage(img, size){
var id = img.attr('id') var id = img.attr('id')
var overlay = $('#'+id+' .image-overlay') 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... // create an overlay with the same image...
/*
overlay overlay
.css({ .css({
'background-image': img.css('background-image'), 'background-image': original_url,
'display': 'block'
}) })
.show() */
img img
.css({ .css({
'background-image': 'url('+getURL(id, size)+')' 'background-image': new_url
}) })
/*
// when the new image loads, fadeout the overlay remove it... // when the new image loads, fadeout the overlay remove it...
// XXX this fires before the image is loaded...
.ready(function(){ .ready(function(){
overlay.fadeOut() overlay.fadeOut()
}) })
*/
} }

1
ui/gallery.css
View File

@ -115,6 +115,7 @@
} }
.image { .image {
position: relative;
display: inline-block; display: inline-block;
background: no-repeat 50% black; background: no-repeat 50% black;