SOURCE CODE: Uize.Widget.Swap.Image

VIEW EXAMPLE




  Uize.Widget.Swap.Image | JavaScript Examples | UIZE JavaScript Framework
  
  
  
  
  
  
  
  
  
  
  






UIZE JavaScript Framework

JAVASCRIPT EXAMPLES Uize.Widget.Swap.Image

In this example, an instance of Uize.Widget.Swap.Image has been wired up to a div in the document. This class provides a highly configurable yet lightweight JavaScript animation effect to transition from one image to another. A list of links in the "PRESETS" tab lets you preview all the effect themes defined in the Uize.Widget.Swap.Themes module. Click to experience some of the many effects that this widget supports. To fool around with the settings for a theme to create your own swap effects, switch over to the "PARAMS" tab to tweak values and click the "PERFORM SWAP EFFECT" button to preview changes. To understand how the effect settings work, consult the reference for the Uize.Widget.Swap class.