SOURCE CODE: Mag View

  
  
  
  
  
  
  
  







  
  UIZE JavaScript Framework



  

    JAVASCRIPT EXAMPLES
    Mag View
    

      
SOURCE
    
  

  

  

    
In this example, an instance of Uize.Widget.MagView is instantiated and wired up to provide a lightweight detail view interaction. When you mouse over the image, a magnified view appears to the right. The portion of the main image that is highlight by the square is shown larger on the right. The highlight follows the mouse as you move it. Clicking on the main image zooms in even further. Clicking again returns you to normal zoom. The zoom level change is accompanied by a JavaScript animation of both the highlight square in the main image and the magnified view on the right.
  

  

  

    
    

      

      

      

    
    

      

      

        

          
          
        
      
      

        
          
Loading High Res
          
Loading High Res
          
Loading High Res
        
          
Loading High Res
          
Loading High Res
        
          
Loading High Res
          
Loading High Res
          
Loading High Res
        
          
Loading High Res