分享一款酷炫的拼图效果,点击大图,会分解成小的照片墙。点击照片墙中的任意一张图片,将会有许多小图拼成一个大图。具体拼图效果请看DEMO
0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值
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
友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群