Plugin Zoomy Buttons

“Zoom Tagging v.2.0″ for TagHim v4.0

You can download Plugin Zoomy Buttons like Hi5 here.

1. Description

“Zoomy Buttons” for TagHim v4.0 – tagging area preset plugin (Like in Hi5.com)

! IMPORTANT

This plugin is working for all TagHim licenses

2. Plugin Installation

To use this plugin you need

1. Connect to TagHim object

- copy Sticky Tagging Border display plugin to the folder where TagHim script

- connect plugin: load=zoomer

<script src="taghim/tagging.js?load=zoomer" type="text/javascript"></script>

To connect more than one plugin you can simply list all plugins following way

tagging.js?load=zoomer,labels,border,nameslist,reenter

2. Plugin properties.

Name	Value	Default	Description
enableZoom	bool	false	Turn ON/OFF plugin.
zoomParameters	object	{}	Set size, quantity for “Zoom” buttons. Example: `{ "1x" : { 'w' : 50, 'h' : 50 }, "3x" : { 'w' : 150, 'h' : 150 } }` This code setting 2 buttons: “1x” (widht 50px, hight 50px) and “3x” (widht 150px, hight 150px)
zoomPosition	string	bottom-left	It set position of Zoom buttons. Posible values: ‘top-left’, ‘top’, ‘top-right’, ‘crnter-left’, ‘center’, ‘center-right’, ‘bottom-left’, ‘bottom’, ‘bottom-right’
zoomButtonSpace	int	3	Distance between Zoom buttons (in pixels). we recconed do not change.

3. CSS Styles. “[STYLE]zoomButton”. For example: paramieter ‘STYLE’ set to “mikkey_” hense “mikkey_zoomButton”.


.imgTag_zoom{
	position : absolute;
	background : transprent;
	font-size : 10px;
	color : #000000;
	z-index: 1001;
}

.imgTag_zoomButton{
	position : absolute;
	top : 0px;
	left : 0px;
	width : 12px;
	height : 12px;
	background : #fffacd;
	font-size : 10px;
	color : #000000;
	z-index: 1002;
	cursor: pointer;
}

4. Plugin is working automatically after tagging object is created.