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

made images load without a blackout (pre-caching), still a bit slugish...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-05-31 20:37:46 +04:00
parent 0e7c96e703
commit bb23f1563a
1 changed files with 36 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
ui/data.js
View File

@ -642,10 +642,19 @@ function convertDataGen1(data, cmp){
function updateImage(image, gid, size){
image = $(image)
var title = ''
if(gid == null){
var oldgid = getImageGID(image)
if(oldgid == gid || gid == null){
gid = getImageGID(image)
} else {
image.attr('gid', JSON.stringify(gid))
image
.attr('gid', JSON.stringify(gid))
.css({
// clear the old preview...
// XXX set a now loading animation here...
'background-image': 'none',
})
}
size = size == null ? getVisibleImageSize('max') : size
@ -658,10 +667,21 @@ function updateImage(image, gid, size){
// preview...
var preview = getBestPreview(gid, size)
// pre-cache...
// NOTE: make images load without a blackout..
var img = new Image()
img.src = preview.url
img.onload = function(){
image.css({
'background-image': 'url("'+ preview.url +'")',
})
}
image
.css({
'background-image': 'url("'+ preview.url +'")',
})
//.css({
// 'background-image': 'url("'+ preview.url +'")',
//})
.attr({
order: DATA.order.indexOf(gid),
orientation: img_data.orientation == null ? 0 : img_data.orientation,
@ -679,7 +699,7 @@ function updateImage(image, gid, size){
var UPDATE_SORT_ENABLED = false
var UPDATE_SYNC = true
var UPDATE_SYNC = false
// Same as updateImage(...) but will update all images.
//
@ -725,6 +745,16 @@ function updateImages(size, cmp){
return deferred
}
/*
function updateImages(size){
size = size == null ? getVisibleImageSize('max') : size
return $('.image')
.each(function(){
updateImage($(this), null, size)
})
}
*/
// Load count images around a given image/gid into the given ribbon.
//