flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-29 10:20:08 +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
[_] 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/<size>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:

19
ui/gallery-prototype.js
View File

@ -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()
})
*/
}

1
ui/gallery.css
View File

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