Friday, April 17, 2015

javascript image enlarger for angularjs

Add an "Image Enlarger" widget, similar to Amazon (but better), to your site:
http://ngtutorial.com/widgets/javascript-image-enlarger-for-angularjs.html


Example code,
 <div style="position:relative;left:50px;display:inline-block">  
      <np-image  
           label="label1"  
           src="image-enlarger/img220x137.png">  
      </np-image>  
 </div>  
 <div style="position:relative;display:inline;left:80px;">  
      <np-image-enlarge  
           label="label1"  
           zoomperc="200"  
           np-width="200"  
           np-height="300"  
           src-enlarged="image-enlarger/img687x427.png"  
      />  
      <span style="font-size:18pt;font-weight:bold">Some text</span>  
      <p>some foo bar and lorem epsum text goes here.</p>  
 </div>