- Contents
- 1. Introduction
- 2. Instance Methods
- 2.1. addChild
- 2.2. ajax
- 2.3. buildHtml
- 2.4. callInherited
- 2.5. confirm
- 2.6. displayNode
- 2.7. fire
- 2.8. flushNodeCache
- 2.9. get
- 2.10. getInherited
- 2.11. getNode
- 2.12. getNodeStyle
- 2.13. getNodeValue
- 2.14. getProvider
- 2.15. globalizeNode
- 2.16. inform
- 2.17. injectNodeHtml
- 2.18. insertOrWireUi
- 2.19. insertUi
- 2.20. is
- 2.21. kill
- 2.22. localize
- 2.23. met
- 2.24. once
- 2.25. prepareForNextItem
- 2.26. removeChild
- 2.27. removeNode
- 2.28. removeUi
- 2.29. set
- 2.30. setCurrentItem
- 2.31. setInherited
- 2.32. setNodeClipRect
- 2.33. setNodeInnerHtml
- 2.34. setNodeOpacity
- 2.35. setNodeProperties
- 2.36. setNodeStyle
- 2.37. setNodeValue
- 2.38. showNode
- 2.39. toggle
- 2.40. unmet
- 2.41. unwire
- 2.42. unwireNode
- 2.43. unwireNodeEventsByMatch
- 2.44. unwireUi
- 2.45. updateUi
- 2.46. wire
- 2.47. wireNode
- 2.48. wireUi
- 3. Instance Properties
- 4. State Properties
- 4.1. background
- 4.2. built
- 4.3. busy
- 4.4. busyInherited
- 4.5. children
- 4.6. container
- 4.7. crossFade
- 4.8. crossFadeAlign
- 4.9. crossFadeSize
- 4.10. cyclingPropertySets
- 4.11. dissolve
- 4.12. enabled
- 4.13. enabledInherited
- 4.14. height
- 4.15. html
- 4.16. idPrefix
- 4.17. idPrefixConstruction
- 4.18. insertionMode
- 4.19. localized
- 4.20. name
- 4.21. nodeMap
- 4.22. src
- 4.23. viewContentAlignX
- 4.24. viewContentAlignY
- 4.25. viewSeedAlignX
- 4.26. viewSeedAlignY
- 4.27. viewSeedSizeX
- 4.28. viewSeedSizeY
- 4.29. width
- 4.30. wired
- 5. Static Methods
- 5.1. Uize.Widget.Swap.Image.fire
- 5.2. Uize.Widget.Swap.Image.get
- 5.3. Uize.Widget.Swap.Image.getBlankImageUrl
- 5.4. Uize.Widget.Swap.Image.registerProperties
- 5.5. Uize.Widget.Swap.Image.set
- 5.6. Uize.Widget.Swap.Image.singleton
- 5.7. Uize.Widget.Swap.Image.spawn
- 5.8. Uize.Widget.Swap.Image.subclass
- 5.9. Uize.Widget.Swap.Image.toggle
- 5.10. Uize.Widget.Swap.Image.unwire
- 5.11. Uize.Widget.Swap.Image.wire
- 6. Static Properties
1. Introduction
The Uize.Widget.Swap.Image class supports swapping between two image URLs, with an accompanying, highly configurable JavaScript animation effect.
DEVELOPERS: Chris van Rensburg
1.1. Examples
The following example pages are good showcases for the Uize.Widget.Swap.Image module...
| Image Swap With PNG - This example demonstrates that the image swap widget can perform transitions with images in the PNG format that have an alpha / transparency channel. | |
| Slideshow of Data - Who says that a slideshow can only be used to display an image? See this demo - it uses a slideshow to display nutritional data for various fruits. | |
| Uize.Widget.Swap.Image - See some amazing possibilities for image transitions using lightweight JavaScript animation. Play with lots of effect presets, and even make your own. |
SEARCH FOR EXAMPLES
Use the link below to search for example pages on the UIZE Web site that reference the Uize.Widget.Swap.Image module...
1.2. Implementation Info
The Uize.Widget.Swap.Image module defines the Uize.Widget.Swap.Image class, which is a subclass of Uize.Widget.Swap.
INHERITANCE CHAIN
Uize.Class -> Uize.Widget -> Uize.Widget.Swap -> Uize.Widget.Swap.Image
1.2.1. Features Introduced in This Module
The features listed in this section have been introduced in this module.
STATE PROPERTIES
background | height | src | width
1.2.2. Features Overridden in This Module
The features listed in this section have been overridden in this module.
The module that an overridden feature was initially introduced in will be noted in the IMPLEMENTATION INFO notes for the feature.
STATE PROPERTIES
STATIC PROPERTIES
Uize.Widget.Swap.Image.moduleName | Uize.Widget.Swap.Image.nonInheritableStatics
1.2.3. Features Inherited From Other Modules
The features listed in this section have been inherited from other modules.
The module that an inherited feature was initially introduced in will be noted in the IMPLEMENTATION INFO notes for the feature.
INSTANCE METHODS
addChild | ajax | buildHtml | callInherited | confirm | displayNode | fire | flushNodeCache | get | getInherited | getNode | getNodeStyle | getNodeValue | getProvider | globalizeNode | inform | injectNodeHtml | insertOrWireUi | insertUi | is | kill | localize | met | once | prepareForNextItem | removeChild | removeNode | removeUi | set | setCurrentItem | setInherited | setNodeClipRect | setNodeInnerHtml | setNodeOpacity | setNodeProperties | setNodeStyle | setNodeValue | showNode | toggle | unmet | unwire | unwireNode | unwireNodeEventsByMatch | unwireUi | updateUi | wire | wireNode | wireUi
INSTANCE PROPERTIES
STATE PROPERTIES
built | busy | busyInherited | children | container | crossFade | crossFadeAlign | crossFadeSize | cyclingPropertySets | dissolve | enabled | enabledInherited | idPrefix | idPrefixConstruction | insertionMode | localized | name | nodeMap | viewContentAlignX | viewContentAlignY | viewSeedAlignX | viewSeedAlignY | viewSeedSizeX | viewSeedSizeY | wired
STATIC METHODS
Uize.Widget.Swap.Image.fire | Uize.Widget.Swap.Image.get | Uize.Widget.Swap.Image.getBlankImageUrl | Uize.Widget.Swap.Image.registerProperties | Uize.Widget.Swap.Image.set | Uize.Widget.Swap.Image.singleton | Uize.Widget.Swap.Image.spawn | Uize.Widget.Swap.Image.subclass | Uize.Widget.Swap.Image.toggle | Uize.Widget.Swap.Image.unwire | Uize.Widget.Swap.Image.wire
STATIC PROPERTIES
1.2.4. Modules Directly Under This Namespace
1.2.5. Unit Tests
There is no dedicated unit tests module for the Uize.Widget.Swap.Image module.
2. Instance Methods
2.1. addChild
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.2. ajax
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.3. buildHtml
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.4. callInherited
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.5. confirm
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.6. displayNode
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.7. fire
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) |
2.8. flushNodeCache
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.9. get
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) |
2.10. getInherited
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.11. getNode
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.12. getNodeStyle
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.13. getNodeValue
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.14. getProvider
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.15. globalizeNode
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.16. inform
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.17. injectNodeHtml
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.18. insertOrWireUi
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.19. insertUi
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.20. is
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) |
2.21. kill
Inherited from Uize.Widget, but introduced in Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Class) |
2.22. localize
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.23. met
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) |
2.24. once
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) |
2.25. prepareForNextItem
Inherited from Uize.Widget.Swap.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget.Swap, first introduced in Uize.Widget.Swap) |
2.26. removeChild
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.27. removeNode
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.28. removeUi
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.29. set
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) |
2.30. setCurrentItem
Inherited from Uize.Widget.Swap.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget.Swap, first introduced in Uize.Widget.Swap) |
2.31. setInherited
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.32. setNodeClipRect
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.33. setNodeInnerHtml
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.34. setNodeOpacity
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.35. setNodeProperties
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.36. setNodeStyle
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.37. setNodeValue
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.38. showNode
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.39. toggle
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) |
2.40. unmet
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) |
2.41. unwire
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) |
2.42. unwireNode
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.43. unwireNodeEventsByMatch
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.44. unwireUi
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.45. updateUi
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.46. wire
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) |
2.47. wireNode
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
2.48. wireUi
Inherited from Uize.Widget.Swap, but introduced in Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget.Swap, first introduced in Uize.Widget) |
3. Instance Properties
3.1. showConfirm
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
3.2. showInform
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
4. State Properties
4.1. background
IMPLEMENTATION INFO
| this feature was introduced in this module |
4.2. built
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
4.3. busy
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
4.4. busyInherited
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
4.5. children
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
4.6. container
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
4.7. crossFade
Inherited from Uize.Widget.Swap.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget.Swap, first introduced in Uize.Widget.Swap) |
4.8. crossFadeAlign
Inherited from Uize.Widget.Swap.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget.Swap, first introduced in Uize.Widget.Swap) |
4.9. crossFadeSize
Inherited from Uize.Widget.Swap.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget.Swap, first introduced in Uize.Widget.Swap) |
4.10. cyclingPropertySets
Inherited from Uize.Widget.Swap.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget.Swap, first introduced in Uize.Widget.Swap) |
4.11. dissolve
Inherited from Uize.Widget.Swap.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget.Swap, first introduced in Uize.Widget.Swap) |
4.12. enabled
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
4.13. enabledInherited
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
4.14. height
IMPLEMENTATION INFO
| this feature was introduced in this module |
4.15. html
IMPLEMENTATION INFO
this is an override of an inherited feature (implementation is in this module, first introduced in Uize.Widget) |
4.16. idPrefix
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
4.17. idPrefixConstruction
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
4.18. insertionMode
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
4.19. localized
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
4.20. name
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
4.21. nodeMap
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
4.22. src
IMPLEMENTATION INFO
| this feature was introduced in this module |
4.23. viewContentAlignX
Inherited from Uize.Widget.Swap.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget.Swap, first introduced in Uize.Widget.Swap) |
4.24. viewContentAlignY
Inherited from Uize.Widget.Swap.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget.Swap, first introduced in Uize.Widget.Swap) |
4.25. viewSeedAlignX
Inherited from Uize.Widget.Swap.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget.Swap, first introduced in Uize.Widget.Swap) |
4.26. viewSeedAlignY
Inherited from Uize.Widget.Swap.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget.Swap, first introduced in Uize.Widget.Swap) |
4.27. viewSeedSizeX
Inherited from Uize.Widget.Swap.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget.Swap, first introduced in Uize.Widget.Swap) |
4.28. viewSeedSizeY
Inherited from Uize.Widget.Swap.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget.Swap, first introduced in Uize.Widget.Swap) |
4.29. width
IMPLEMENTATION INFO
| this feature was introduced in this module |
4.30. wired
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) |
5. Static Methods
5.1. Uize.Widget.Swap.Image.fire
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) | |
| this static feature is inherited by subclasses |
5.2. Uize.Widget.Swap.Image.get
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) | |
| this static feature is inherited by subclasses |
5.3. Uize.Widget.Swap.Image.getBlankImageUrl
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) | |
| this static feature is inherited by subclasses |
5.4. Uize.Widget.Swap.Image.registerProperties
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) | |
| this static feature is inherited by subclasses |
5.5. Uize.Widget.Swap.Image.set
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) | |
| this static feature is inherited by subclasses |
5.6. Uize.Widget.Swap.Image.singleton
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) | |
| this static feature is inherited by subclasses |
5.7. Uize.Widget.Swap.Image.spawn
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) | |
| this static feature is inherited by subclasses |
5.8. Uize.Widget.Swap.Image.subclass
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) | |
| this static feature is inherited by subclasses |
5.9. Uize.Widget.Swap.Image.toggle
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) | |
| this static feature is inherited by subclasses |
5.10. Uize.Widget.Swap.Image.unwire
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) | |
| this static feature is inherited by subclasses |
5.11. Uize.Widget.Swap.Image.wire
Inherited from Uize.Class.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Class, first introduced in Uize.Class) | |
| this static feature is inherited by subclasses |
6. Static Properties
6.1. Uize.Widget.Swap.Image.isWired
Inherited from Uize.Widget.
IMPLEMENTATION INFO
this is an inherited feature (implementation is in Uize.Widget, first introduced in Uize.Widget) | |
| this static feature is inherited by subclasses |
6.2. Uize.Widget.Swap.Image.moduleName
IMPLEMENTATION INFO
this is an override of an inherited feature (implementation is in this module, first introduced in Uize.Class) | |
| this static feature is inherited by subclasses |
6.3. Uize.Widget.Swap.Image.nonInheritableStatics
IMPLEMENTATION INFO
this is an override of an inherited feature (implementation is in this module, first introduced in Uize.Class) | |
| this static feature is not inherited by subclasses |