Thrid Example / Plugin Methods

This is an example of using the plugin methods. Use this code if you want to create your own navigation menu.

interactiv


javascript code:
$(document).ready(function(){
	var settings = {
		'viewportWidth' : '100%',
		'viewportHeight' : '100%',
		'intNavAutoHide' : false,
		'fitToViewportShortSide' : false, 
		'loadingBgColor' : '#ffffff',
		'startScale' : .5,
		'startX' : 1100,
		'startY' : 1700,
		'animTime' : 500,
		'draggInertia' : 10,
		'zoomLevel' : 1,
		'zoomStep' : 0.1,
		'contentUrl' : 'img/0.jpg',
		'intNavEnable' : true,
		'intNavPos' : 'B',
		'contentSizeOver100' : false,
		'intNavMoveDownBtt' : true,
		'intNavMoveUpBtt' : true,
		'intNavMoveRightBtt' : true,
		'intNavMoveLeftBtt' : true,
		'intNavZoomBtt' : true,
		'intNavUnzoomBtt' : true,
		'intNavFitToViewportBtt' : true,
		'intNavFullSizeBtt' : true,
		'intNavBttSizeRation' : 1,
		'mapEnable' : true,
		'mapThumb' : 'img/thumb-0.jpg',
		'mapPos' : 'BL',
		'popupShowAction' : 'click',
		'testMode' : false
	};
	
	$('#myDiv').lhpMegaImgViewer(settings);
});	
				
html code:
<!-- viewer container -->
<div id="myDiv" style="width:550px; height:600px; overflow:hidden; border:solid 1px #a6a6a6; background:#000;"></div>