How to implement Liquifire Viewersuite Zoom in SCA website

The Liquifire Viewersuite is used to enlarge the image viewing like zooming, we can use this feature to enlarge more than the default zoom option in SCA.

• Add the viewer suite script to head of document

<script src="http://iloveblvd.liquifire.com/zap/dhtml/com.liquidpixels.Zoom.jsr" type="text/javascript"></script>

• create a div or container element with unique id

<div class="zoom-container">
	  <div id="personalizedImg"> </div>
   </div>

• run the viewer suite script with passing container id and addtional parameters

var zoom = new com.liquidpixels.Zoom("personalizedImg", {
				server: "iloveblvd.liquifire.com",
				uri: "iloveblvd",
				height: 400,
				width: 400,
				chain: "set=prodID[DIS],color1[STRAWBERRY],impType[STAMP],impColor[BLIND],textline[ABC],monoType[BOOKMAN],graphic[],rt[],seed[001]&call=url[file:main]&sink"
			});