Example


<!DOCTYPE html>
<html>

<head>
	
	<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
	
	<script src="tagyourimages/jquery.tagyourimages.min.js" type="text/javascript"></script>
	<link rel="stylesheet" type="text/css" href="tagyourimages/tagyourimages.css" />		
	
	<script src="js/data-tag.js" type="text/javascript"></script>
	
	<script type="text/javascript">	
		$(function() {		
			$('img.tagyourimages-image').tagyourimages({		
				data: dataTag // FROM js/data.js		
			});	
		});		
	</script>
	
</head>

<body>		
	
	<img data-tag="1" class="tagyourimages-image" src="images/img_1.jpg" />
	<img data-tag="2" class="tagyourimages-image" src="images/img_2.jpg" />
	<img data-tag="3" class="tagyourimages-image" src="images/img_3.jpg" />
	<img data-tag="4" class="tagyourimages-image" src="images/img_4.jpg" />
	
</body>

</html>