Fancybox Testings

by Riderman Sousa

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<ul id="samples">
	<li><a href="http://placehold.it/600x600/G9f945/c91ax1&amp;text=Zoom+Imagem+1" class="fancybox" rel="sample">
		<img src="http://placehold.it/200x200/G9f945/c91ax1&amp;text=Imagem+1" alt="Imagem 1" width="200" height="200"></a></li>
	<li><a href="http://placehold.it/600x600/G9f945/c92ax2&amp;text=Zoom+Imagem+2" class="fancybox" rel="sample">
		<img src="http://placehold.it/200x200/G9f945/c92ax2&amp;text=Imagem+2" alt="Imagem 2" width="200" height="200"></a></li>
	<li><a href="http://placehold.it/600x600/G9f945/c93ax3&amp;text=Zoom+Imagem+3" class="fancybox" rel="sample">
		<img src="http://placehold.it/200x200/G9f945/c93ax3&amp;text=Imagem+3" alt="Imagem 3" width="200" height="200"></a></li>
	<li><a href="http://placehold.it/600x600/G9f945/c94ax4&amp;text=Zoom+Imagem+4" class="fancybox" rel="sample">
		<img src="http://placehold.it/200x200/G9f945/c94ax4&amp;text=Imagem+4" alt="Imagem 4" width="200" height="200"></a></li>
	<li><a href="http://placehold.it/600x600/G9f945/c95ax5&amp;text=Zoom+Imagem+5" class="fancybox" rel="sample">
		<img src="http://placehold.it/200x200/G9f945/c95ax5&amp;text=Imagem+5" alt="Imagem 5" width="200" height="200"></a></li>
	<li><a href="http://placehold.it/600x600/G9f945/c96ax6&amp;text=Zoom+Imagem+6" class="fancybox" rel="sample">
		<img src="http://placehold.it/200x200/G9f945/c96ax6&amp;text=Imagem+6" alt="Imagem 6" width="200" height="200"></a></li>
	<li><a href="http://placehold.it/600x600/G9f945/c97ax7&amp;text=Zoom+Imagem+7" class="fancybox" rel="sample">
		<img src="http://placehold.it/200x200/G9f945/c97ax7&amp;text=Imagem+7" alt="Imagem 7" width="200" height="200"></a></li>
	<li><a href="http://placehold.it/600x600/G9f945/c98ax8&amp;text=Zoom+Imagem+8" class="fancybox" rel="sample">
		<img...

JavaScript

$(".fancybox").fancybox()