分享一款酷炫的拼图效果,点击大图,会分解成小的照片墙。点击照片墙中的任意一张图片,将会有许多小图拼成一个大图。具体拼图效果请看DEMO
HTML
首先我们在#im_wrapper放置多个缩略图
<div id="im_wrapper" class="im_wrapper">
<div style="background-position:0px 0px;"><img src="images/thumbs/1.jpg" alt="" /></div>
<div style="background-position:-125px 0px;"><img src="images/thumbs/2.jpg" alt="" /></div>
</div>
接着放置未加载完的div#im_loading,下一张图#im_next和#im_prev
<div id="im_loading" class="im_loading"></div>
<div id="im_next" class="im_next"></div>
<div id="im_prev" class="im_prev"></div>
其他js代码较复杂,请详看DEMO
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791