mirror of
https://github.com/flynx/ImageGrid.git
synced 2025-10-29 18:30:09 +00:00
added docs to transition prevention API...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
parent
28e879ddfb
commit
d399a6b194
@ -135,7 +135,26 @@ var RibbonsPrototype = {
|
|||||||
|
|
||||||
// Helpers...
|
// Helpers...
|
||||||
|
|
||||||
// XXX need a better way of doing this...
|
// Prevent CSS transitions...
|
||||||
|
//
|
||||||
|
// Prevent transitions globally (.viewer):
|
||||||
|
// .preventTransitions()
|
||||||
|
// -> data
|
||||||
|
//
|
||||||
|
// Prevent transitions on elem:
|
||||||
|
// .preventTransitions(elem)
|
||||||
|
// -> data
|
||||||
|
//
|
||||||
|
// Prevent transitions on this and all nested calls
|
||||||
|
// .preventTransitions(.., true)
|
||||||
|
// -> data
|
||||||
|
//
|
||||||
|
// NOTE: all *nested* calls to this and .restoreTransitions(..)
|
||||||
|
// will be ignored.
|
||||||
|
//
|
||||||
|
// NOTE: this will set a .no-transitions CSS class and force
|
||||||
|
// recalculation on the given element
|
||||||
|
// NOTE: for this to have effect proper CSS configuration is needed.
|
||||||
preventTransitions: function(target, prevent_nested){
|
preventTransitions: function(target, prevent_nested){
|
||||||
target = target || this.viewer
|
target = target || this.viewer
|
||||||
prevent_nested = prevent_nested || false
|
prevent_nested = prevent_nested || false
|
||||||
@ -164,6 +183,32 @@ var RibbonsPrototype = {
|
|||||||
|
|
||||||
return this
|
return this
|
||||||
},
|
},
|
||||||
|
|
||||||
|
// Prevent CSS transitions...
|
||||||
|
//
|
||||||
|
// This is a companion to .preventTransitions(..)
|
||||||
|
//
|
||||||
|
// Restore transitions globally (.viewer):
|
||||||
|
// .restoreTransitions()
|
||||||
|
// -> data
|
||||||
|
//
|
||||||
|
// Restore transitions on elem:
|
||||||
|
// .restoreTransitions(elem)
|
||||||
|
// -> data
|
||||||
|
//
|
||||||
|
// Restore transitions on elem (force sync):
|
||||||
|
// .restoreTransitions(elem, true)
|
||||||
|
// -> data
|
||||||
|
//
|
||||||
|
// Force restore transitions:
|
||||||
|
// .restoreTransitions(.., .., true)
|
||||||
|
// -> data
|
||||||
|
//
|
||||||
|
// When at least one .preventTransitions(..) is called with
|
||||||
|
// prevent_nested set to true, this will be a no-op on all nested
|
||||||
|
// levels.
|
||||||
|
// This can be overridden via setting the force to true.
|
||||||
|
//
|
||||||
restoreTransitions: function(target, now, force){
|
restoreTransitions: function(target, now, force){
|
||||||
if(target === true || target === false){
|
if(target === true || target === false){
|
||||||
now = target
|
now = target
|
||||||
@ -209,6 +254,10 @@ var RibbonsPrototype = {
|
|||||||
|
|
||||||
return this
|
return this
|
||||||
},
|
},
|
||||||
|
|
||||||
|
// Shorthand wrappers of the above...
|
||||||
|
//
|
||||||
|
// XXX do we need custom target support here???
|
||||||
noTransitions: function(func){
|
noTransitions: function(func){
|
||||||
this.preventTransitions()
|
this.preventTransitions()
|
||||||
func.apply(this, args2array(arguments).slice(1))
|
func.apply(this, args2array(arguments).slice(1))
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user