jQuery ทำกรอบรูปภาพ Gallery สวย ๆ ด้วย CSS Decorative Gallery

<ul class="gallery">
	<li><a href="#"><span></span><img src="images/11.jpg" alt="image" /></a></li>
	<li><a href="#"><span></span><img src="images/14.jpg" alt="image" /></a></li>
	<li><a href="#"><span></span><img src="images/4.jpg" alt="image" /></a></li>
	<li><a href="#"><span></span><img src="images/7.jpg" alt="image" /></a></li>
	<li><a href="#"><span></span><img src="images/5.jpg" alt="image" /></a></li>
	<li><a href="#"><span></span><img src="images/6.jpg" alt="image" /></a></li>
	<li><a href="#"><span></span><img src="images/3.jpg" alt="image" /></a></li>
	<li><a href="#"><span></span><img src="images/1.jpg" alt="image" /></a></li>
	<li><a href="#"><span></span><img src="images/2.jpg" alt="image" /></a></li>
</ul>