网站空间是什么意思,东莞p2p网站开发费用,网站表单提交,深圳专业网络营销外包公司一、前言 毕业季到了#xff0c;大家都在匆匆忙忙的记录大学里最美好的时光#xff0c;照片中各种花式、各种姿势都涌现出来了。这么多的照片怎么展示出来给自己的好友看呢#xff1f;有人选择做成视频#xff0c;有人选择ps之后做成图片集#xff0c;而我选择利用静态网页… 一、前言 毕业季到了大家都在匆匆忙忙的记录大学里最美好的时光照片中各种花式、各种姿势都涌现出来了。这么多的照片怎么展示出来给自己的好友看呢有人选择做成视频有人选择ps之后做成图片集而我选择利用静态网页的形式进行展示。 二、用到的四个免费的jquery插件 注都是网上免费的自己测试过了挺好用的顺便改了改。 1.3D Change 下载地址https://github.com/hjzgg/picture_show/tree/master/3D_change 效果展示 2.Sample Change 下载地址https://github.com/hjzgg/picture_show/tree/master/sample_change 效果展示 3.Slide Change 下载地址: https://github.com/hjzgg/picture_show/tree/master/slide_change 效果展示 4.Transition Change 下载地址https://github.com/hjzgg/picture_show/tree/master/transitions_change 效果展示 注该插件提供了好多图片切换的方式打开链接地址里面有6个html代表6中不同的图片切换方式。你可以下载下来在自己的浏览器中观看一下效果。 三、图片浏览 通过上面的四个免费的jquery图片切换插件自己写了一个简单图片浏览工具。 项目地址: https://github.com/hjzgg/picture_show 效果展示 四、毕业照片展示 **图片资源删掉** 对上面的图片浏览工具进行稍微的改造例如为浏览时增加一点儿情调增加背景音乐然后将照片换成我的毕业照片工作算是完成了。最后通过GitHub Pages生成一个静态网站然后就可以邀请好友访问了需要提醒的是使用谷歌浏览器访问。 欢迎访问https://hjzgg.github.io/graduation_picture_show/ 谷歌浏览器效果最好哦 效果展示 项目地址https://github.com/hjzgg/graduation_picture_show/tree/gh-pages 转载于:https://www.cnblogs.com/hujunzheng/p/5611567.html
