1. 程式人生 > >移動web HTML5使用photoswipe模仿微信朋友圈圖片放大瀏覽

移動web HTML5使用photoswipe模仿微信朋友圈圖片放大瀏覽

默認 html5 ace 模仿 響應式 觸摸手勢 朋友圈 int 放大

http://www.cnblogs.com/theroad/p/5397229.html

使用js框架是PhotoSwipe。

PhotoSwipe是一個圖片放大插件,兼容pc和移動端,經歷過多個版本的叠代且一直在不斷更新,踩過的坑不知凡幾,在移動端有著巨大的優勢。
1、可控制多種風格如:
標題、分享、全屏按鈕,點擊事件、是否加入字幕,背景透明等。
2、可支持移動端觸摸手勢兼容pc端
所有的基本手勢支持:滑動下一個或上一個,拖動平移、縮放、放大或關閉,點擊切換控件,雙擊放大或縮放。
3、分享
默認的UI有一個按鈕,分享鏈接。默認的鏈接是facebook,推特和Pinterest,但你可以通過API設置分享類型。
4、用戶界面
用戶界面是完全從核心腳本分離。完全可以自定義界面。默認photoswipe UI是響應式的,桌面、平板電腦和移動設備完全可以使用。

5、更多功能等你發現。

官網:http://photoswipe.com/

github:https://github.com/dimsemenov/photoswipe

移動web HTML5使用photoswipe模仿微信朋友圈圖片放大瀏覽