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

some cleanup and docs...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2014-11-10 02:44:53 +03:00
parent 4889a1196f
commit ed0b08963b
2 changed files with 72 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui (gen4)/index.html
View File

@ -61,7 +61,8 @@
transition: all 0.2s ease-out; transition: all 0.2s ease-out;
} }
/* XXX not 100% sure about this... */ /* XXX not 100% sure about this...
*/
.current-marker:not(.no-transitions) { .current-marker:not(.no-transitions) {
-webkit-transition: left 0.2s ease-out; -webkit-transition: left 0.2s ease-out;
-moz-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out;

78
ui (gen4)/viewer.js
View File

@ -944,6 +944,10 @@ actions.Actions({
w = w || this.screenwidth w = w || this.screenwidth
// get config data and normalize...
size = (size
|| this.config['ribbon-size-screens']
|| 5) * w
threshold = (threshold threshold = (threshold
|| this.config['ribbon-resize-threshold'] || this.config['ribbon-resize-threshold']
|| 1) * w || 1) * w
@ -967,11 +971,6 @@ actions.Actions({
// loaded more than we need by threshold... // loaded more than we need by threshold...
|| nl + pl + 1 > size + threshold){ || nl + pl + 1 > size + threshold){
// get config data and normalize...
size = (size
|| this.config['ribbon-size-screens']
|| 5) * w
this.resizeRibbon(target, size) this.resizeRibbon(target, size)
} }
}], }],
@ -1007,7 +1006,7 @@ actions.Actions({
// - setupe RibbonAlignToFirst first // - setupe RibbonAlignToFirst first
// - go to top ribbon // - go to top ribbon
// - shift image up // - shift image up
// XXX The two should be completely independent.... // XXX The two should be completely independent.... (???)
// XXX need to test and tweak with actual images... // XXX need to test and tweak with actual images...
var PartialRibbons = var PartialRibbons =
module.PartialRibbons = Feature({ module.PartialRibbons = Feature({
@ -1022,7 +1021,6 @@ module.PartialRibbons = Feature({
setup: function(actions){ setup: function(actions){
var feature = this var feature = this
if(!('ribbon-size-screens' in actions.config)){ if(!('ribbon-size-screens' in actions.config)){
actions.config['ribbon-size-screens'] = this.size actions.config['ribbon-size-screens'] = this.size
} }
@ -1074,7 +1072,71 @@ actions.Actions({
}) })
// XXX // XXX an ideal case would be:
//
// A)
// viewer
// +---------------+
// | image | - small image
// | +---+ | - square image block
// | | | | - smaller than this the block is always square
// | +---+ | - we just change scale
// | |
// +---------------+
//
//
// B)
// viewer
// +---------------+
// | +-----------+ | - bigger image
// | | image | | - block close to viewer proportion
// | | <--> | | - image block growing parallel to viewer
// | | | | longer side
// | +-----------+ |
// +---------------+
//
//
// C)
// viewer
// +---------------+
// | image | - image block same size as viewer
// | |
// | |
// | |
// | |
// +---------------+
//
//
// D)
// image
// + - - - - - - - +
// . .
// +---------------+
// | viewer | - image bigger than viewer in one dimension
// | ^ | - block grows along viewer short side, now
// | | | closer to image proportions
// | v | - drag enabled
// | |
// +---------------+
// . .
// + - - - - - - - +
//
//
// E)
// image
// + - - - - - - - - - +
// . .
// . +---------------+ .
// . | viewer | . - image bigger than viewer
// . | | . - image block same proportion as image
// . | | . - we just change scale
// . | | . - drag enabled
// . | | .
// . +---------------+ .
// . .
// + - - - - - - - - - +
//
//
var SingleImageView = var SingleImageView =
module.SingleImageView = Feature({ module.SingleImageView = Feature({
tag: 'ui-single-image-view', tag: 'ui-single-image-view',