Subscribe to download
3D展览长廊+全屏展示(带落樱)+视频展播+幻灯片放映

使用说明：
通过鼠标转换方向，点击不同的图片进入不同模式。
1.点击图片名<300的，进入全屏模式，带有落樱效果。
2.点击图片名>=300的，进入视频模式。
3.点击图片名为shuffling的(用四张图片合成的)，进入轮播模式（每次都是从图片库中随机选取22张图片）。
4.点击右下角的方框即可退回3D界面。
在轮播模式时，将任务栏隐藏，可以看到三个按钮，分别是上一张，播放/暂停，下一张
----------------------------------------------------------
各位小伙伴在修改了代码或者更换了图片之后，请大家备份一下下的，我担心更新会对你们做出的修改进行覆盖。修改方式请阅读下面的描述（！！！大家在添加图片或者删除图片时，请对称添加或删除，有一个逻辑用到了这个，如果不对称会有逻辑不通的情况！！！）
锁屏再解锁后，会刷新网页，这个没有办法解决，除非电脑设置永不锁屏。
----------------------------------------------------------
图片来源：http://pic.netbian.com/
源码来源：
1.3D展览：http://www.jq22.com/jquery-info886
2.幻灯片放映：http://www.htmleaf.com/jQuery/Slideshow-Scroller/201508082375.html
3.落樱效果：https://www.17sucai.com/pins/28586.html
壁纸开源，随意更改或使用。
添加出处即可：https://steamcommunity.com/sharedfiles/filedetails/?id=2179153203

---------------------------------------------------------
关于修改的问题：
本壁纸载入图片是将所有图片一次性加载入js，然后再将这些图片一个个封装成对象，在canvas画出。如果载入文件处出错（少了逗号、引号或者使用了中文的逗号等），程序就会因为这个error而终止。
文件夹介绍：
images：图片分辨率为640 * 386，不建议修改此分辨率。
full_screen_images：图片分辨率为1920 * 1080。可对此图片分辨率进行修改。保持自己屏幕的长宽比就行。
full_screen_videos：视频分辨率为1920 * 1080。可对此视频分辨率进行修改。保持自己屏幕长宽比就行。
！！！这三个文件夹中的文件名必须保持一致！！！
屏幕长宽比为21:9的小伙伴，把full_screen_images和full_screen_videos里面的图片和视频换成21:9的即可。
修改方式：
1.基础版，将上述三个文件夹中的文件用自己的图片覆盖就好。不能覆盖文件名为shuffling的图片，这是进入轮播的钥匙。
2.进阶版，在上述三个文件夹中改为自己的图片或视频。在增加或删除图片而修改代码时，请在南北墙以x坐标轴为0处对称增加（我有一个逻辑用到了这个），一次增加或减少四张图片。每张图片占用x轴坐标为1000。每增加或减少图片时，修改相对应的x轴坐标（+1000或者-1000），具体看我代码的结构。对应的，东西墙的x轴坐标也需要修改（比南北墙x轴坐标绝对值最大的那个大于或小于500即可）。载入图片代码在560--780行。
大家修改代码时，可以复制我写的，然后修改图片路径和x轴坐标，尽可能最大的避免error而终止。
----------------------------------------------------------
引用：本壁纸中一共包含3个视频(位置在南墙的最右边)，全部引用自他人，具体如下
从左往右
1.少年锦衣卫，很唯美的一个视频。B站UP主NateScarlet自制 http://www.bilibili.com/video/av8560301/
2.污画鬼妖所做的江南水乡、让人流连的非常精美的壁纸——清流の国：https://steamcommunity.com/sharedfiles/filedetails/?id=860641835&searchtext=
3.NPE所做的让人能感觉和风轻抚脸庞的精美壁纸——読書：https://steamcommunity.com/sharedfiles/filedetails/?id=2171533743
如果被认为侵权，我将即刻删除。
----------------------------------------------------------
关于视频：
本web是用HTML5中的<video>标签进行视频的读取和解析的。
关于格式：
在wallpaper engine中，<video>标签只能解析webm格式的视频。
----------------------------------------------------------
发布时：
3D立体式图片相册切换效果
内含12张图片，通过鼠标切换视角
-----------------------------------------------------------
第一次迭代更新，增加了28张图片，一共40张图片。
长廊为东西方向横向延伸，对比第一版，修改了再次点击图片回到原点的部分代码，点击图片之后垂直向后退1500个像素(因为每次点击只改变x轴坐标，所以点击东西方向墙上的图片时，不会产生后退的效果)，模拟人们在展览馆中观看展品的事件。目前宽度1.6万像素
--------------------------------------------------------------
第二次迭代更新(大更)
1.将背景从白色改成浅灰色
2.添加64张图片，共104张
3.添加全屏模式还有视频模式
------------------------------------------------------------
第三次迭代更新
1.应一些小伙伴的要求，加入了轮播模式
轮播模式请大家自行添加自己喜欢的图片
------------------------------------------------------------
小更新吧
1.将东西墙改成也是往后退了，看起来更流畅
2.修改了每次轮播的时间
轮播中图片进入和退出两个动作可选择，我把所有的动作可选效果截图到预览图片中了，大家将第五张图片下载即可。
------------------------------------------------------------
第四次更新（2020.10.20）
1.更改幻灯片放映转场效果
2.全屏图片添加落樱效果
本来导入的是另外一个落樱效果，但是那个使用了Web Graphics Library，无法运用js动态添加进div中，而采用父子界面，却又因为wallpaper只能暂停父界面而无法暂停子界面，会导致子界面的落樱一直运行，（在浏览器上运行比较完美）。遂作罢并采用了这个落樱效果。希望大家喜欢。
------------------------------------------------------------
纠正屏幕自适应的逻辑。（2020.10.22）
就因为一个小小的逻辑处理（动态修改背景时，把屏幕自适应覆盖了），弄了一整天，最后才在同学的帮助下，一眼看出来了.
------------------------------------------------------------
致谢：特别感谢前端工程师玉峰同学的指导与帮助，感谢小伙伴 Beast丨杰 用2K屏幕帮我测试页面布局。
感谢小伙伴 レムが大好きだよ 制作的视频
https://www.bilibili.com/video/BV1Xk4y117xr?from=search&seid=15768281792118793289