移动web相册

1.介绍

前面项目中做了一个web相册的功能,最近想把其中的用到的知识都抽出来分别做一个demo,线上的展示效果如下：

主要的功能如下:

大图预览已单独写了demo:

在GitHub上地址:https://github.com/zyzstyle/album

时间： 2024-10-10 16:43:55

移动web相册的相关文章

移动web相册——css3进度条

1.介绍 因项目中上传作品和web相册都需要上传,都需要用到进度条,进度条的实现可以用Falsh,图片,javascript,但这里我是在移动端使用,所以重点介绍css3的实现方法. 2.代码展示 /*外层box*/ .progress_box{ height: 10px; width:200px; border-radius: 5px; background-color:#ececec; } /* 动画 */ @-webkit-keyframes progressbar { from { wi

移动端web笔记整理

目录 ·meta基础知识 > H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 > 禁止将页面中的数字识别为电话号码 > 禁止Android平台中对邮箱地址的识别 > 将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式 >viewport模板 ·问题总结 > 移动端字体定义 > 移动端click屏幕产生200-300ms的延迟 > webkit表单元素的默认外观怎么重置 > webkit中placeholder的颜色设置 &g

javascript开源大全

javascript开源大全 Ajax框架-jQuery 可视化HTML编辑器-CKEditor 国产jQuery-UI框架-(jUI)-DWZ 网页开发FireFox插件-Firebug 服务器端的JavaScript脚本-Node.js jQuery图表插件-jQchart HTML5-开发框架-jQuery-Mobile 跨浏览器的RIA框架-ExtJS Flash视频播放器-JW-PLAYER jQuery表单插件-jQuery.form jQuery-File-Upload 可视化HT

5款Linux最佳照片管理软件

在谈到 Linux 中的应用程序时,对于不同的用户.不同的使用场景以及不同的使用习惯,在同一类应用当中,总会有多种软件可供选择和备选.就 Linux 中的照片管理软件来说,相信此前的 Google Picasa 应该是用户群体较多的一款.但 Google 停更之后,很多用户都在寻找它的替代品.本文我们就向大家推荐 5 款 Linux 桌面中用户体验较佳的照片管理软件,相信总有一款适合你. gThumb gThumb 是主要为 GNOME 桌面环境构建的一款轻量级照片管理应用,它内置了图片管理的基

JAVA上百实例源码以及开源项目

简介 笔者当初为了学习JAVA,收集了很多经典源码,源码难易程度分为初级.中级.高级等,详情看源码列表,需要的可以直接下载! 这些源码反映了那时那景笔者对未来的盲目,对代码的热情.执着,对IT的憧憬.向往!此时此景,笔者只专注Android.Iphone等移动平台开发,看着这些源码心中有万分感慨,写此文章纪念那时那景! Java 源码包 Applet钢琴模拟程序java源码 2个目标文件,提供基本的音乐编辑功能.编辑音乐软件的朋友,这款实例会对你有所帮助.Calendar万年历 1个目标文件EJ

为开发人员推荐20个开源工具和应用程序

1. SVG-Edit : Open Source Graphics Editor SVG-Edit 是一个基于浏览器的图像编辑器,可进行常用的一些图像处理功能,无需服务器端支持,支持各种浏览器. 2. Codiad : Open Source & Web Based IDE for Coding Remotely Codiad 是一个开源基于Web的IDE应用程序,用于在线编写和编辑代码. 这个应用程序采用PHP开发,并且不需要一个SQL数据库,数据是存储在一个JSON格式的文件中. 它的界面

推荐：5款Linux最佳照片管理软件

在谈到 Linux 中的应用程序时,对于不同的用户.不同的使用场景以及不同的使用习惯,在同一类应用当中,总会有多种软件可供选择和备选.就 Linux 中的照片管理软件来说,相信此前的 Google Picasa 应该是用户群体较多的一款.但 Google 停更之后,很多用户都在寻找它的替代品.本文我们就向大家推荐 5 款 Linux 桌面中用户体验较佳的照片管理软件,相信总有一款适合你.gThumb gThumb 是主要为 GNOME 桌面环境构建的一款轻量级照片管理应用,它内置了图片管理的基本

值得收藏的Web前端精美相册图片展示（下）

4. jquery图片相册插件 能在支持 FireFox.Chrome.Safari.傲游.搜狗.360浏览器. 源码下载/   在线演示 5.  js向上推送幻灯片 源码下载  /  在线演示 6.  jQuery画廊插件 源码下载 /  在线演示 7. jquery图片闪光幻灯片 源码下载/   在线演示 值得收藏的Web前端精美相册图片展示(下)

web调用手机相册，并实现动态增加图片功能

注:经测试h5调用相册效果有兼容性问题,安卓仅能调用拍照功能(部分安卓可能会调不起来,所以建议用app原生调用),ios可调起拍照和相册功能. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无