HTML5+PHP移动端图片相册
移动设备的图片浏览，HTML5+PHP的组合真的还挺香的。这个相册项目就是专为移动端优化的那种，用起来反应快，交互也流畅。整个结构也比较清晰，新手也能跟着搞起来。
页面用HTML5写的，结构清楚，标签用得挺语义化。像、这类都能看到，用在手机上浏览还挺顺。要是你对离线存储有需求，顺带还能折腾下localStorage或者IndexedDB。
样式部分虽然没直接说CSS3，但肯定是用了。响应式布局靠media queries，切换动画啥的估计也有transition和animation加持。看起来顺滑，用起来舒服。
功能交互这块主要靠jQuery，比如图片切换就用了jquery.gallery.js，写法简单，像$('.photo').fadeIn()这种挺直观的。
Ajax部分是在ajax目录里实现的，不刷新页面加载图片，这体验提升。点下一张不用重新载入整个页面，挺方便。
再加上jqTouch，专门照顾触屏操作。像滑动浏览、捏合放大这些手势，基本都能搞定，体验上更贴近原生 App。
主题切换也考虑到了，themes目录里应该有不少样式，换种颜色风格不难。你想自定义一下也就改几个.css文件的事儿。
后端方面是PHP写的，负责图片上传、删除、登录验证这些事儿。如果你熟 MySQL，可以直接扩展数据存储，搞个图集管理也不难。
图片放在images目录，缩略图则是thumbs，展示时加载缩略图，等点开了再切换大图，这招挺经典，提升速度还省流量。
如果你正好在做一个面向移动端的相册项目，或者想练练 HTML5+PHP 的组合方式，这个项目蛮值得一试的。记得多看看jquery.gallery.js和jqTouch的配合方式，会有不少收获哦。
文件大小：971.96KB
评论区