jQuery+css3 3d画廊房间效果

当前位置:主页 > jQuery库 > 幻灯片和轮播图 > jQuery+css3 3d画廊房间效果
jQuery+css3 3d画廊房间效果
分享:

    插件介绍

    这款jquery 3d画廊房间效果模拟了现实生活中的画廊展厅。用户通过jquery 3d画廊的前后移动按钮观看墙上的美术作品,一面墙的作品看完后看下一面墙,每面墙的切换都有相当真实的3d旋转效果。

    浏览器兼容性

    浏览器兼容性
    时间:11-04
    阅读:

简要教程

本教程将想你展示一种非常炫酷的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画廊房间