本教程将想你展示一种非常炫酷的jQuery 3d画廊房间效果。这个3d 画廊房间的效果是所有艺术展品都挂在墙上,然后模拟一个参观者环绕4面墙观看每一幅展品的效果。

建议您使用Google Chrome来观看效果。

HTML

<div id="gr-gallery" class="gr-gallery">
	<div class="gr-main">
		<figure>
			<div><img src="images/11.jpg" alt="img01" /></div>
			<figcaption>
				<h2><span>Penn. Station, Madison Square Garden and Empire State Building</span></h2>
				<div><p>New York City, 2009, by <a href="http://www.htmleaf.com/">Thomas Claveirole</a></p></div>
			</figcaption>
		</figure>
		<figure>
			<!-- -->
		</figure>
		<!-- -->
	</div>	
</div>

    

更详细的教程请参看《使用jQuery制作3d画廊房间