photoswipe

移动端使用photoSwipe图片放大不能长按保存

使用photoSwiper实现图片缩放，切换，放大的图片在pc端可以右键保存，但是在移动端放大之后长按不能保存，解决方案：1.options中添加isClickableElement属性，varoptions={isClickableElement:function(el){returntrue;},}2..pswp__img的-webkit-touch-callout属性设置为none,需要把-
zhym86848658·2023-12-04 23:04

Failed to find '~photoswipe/dist/photoswipe.css'

/src/components/VuePreview/preview.vueModulebuildfailed:Error:Failedtofind'~photoswipe/dist/photoswipe.css
仰简·2023-12-01 14:38

vue移动端图片预览，使用photoSwipe插件

photoswipe.jsvardoc=document,domEl=doc.createElement("div");domEl.innerHTML='';domEl.className="pswp"
冰淇wbq·2023-11-27 10:17

ionic3 结合photoswipe的图片大图组件

photoswipe这几天又在写自己的小demo，之前去写前端，接触到了photpswipe，觉得666（之前实在是孤陋寡闻）就决定把之前的小项目的图片预览给换掉~~~。
胡哈哈胡·2023-04-10 04:06

vue图片预览放大缩小插件

在看项目时，突然看到预览图片的弹窗，感觉好僵硬，不能放大，不能切换，于是便在网上找下关于图片预览的插件，有找到三个插件，具体的优劣势的看自己的使用吧，我目前只是在电脑查看效果，分别是viewerjs插件、基于photoswipe
木西_816c·2023-03-17 18:01

前端高效开发必备——常用js框架和第三方插件

video.js时间日期处理1、moment.js图像浏览1、viewer.jsjQuery图像浏览插件2、cropper.jsjQuery简单且功能强大的图片剪裁插件3、lazy.js图片懒加载库4、PhotoSwipe
一键写代码·2023-03-09 00:19

bootstrap+swiper 图片查看器

jpg28330032580306527.jpg查看图片×图片PreviousNext关闭functionmoTaiChuang(){$('#myModal').modal('show');}2>http://photoswipe.com
阳光之城alt·2023-02-17 11:42

积累

1，图片查看https://github.com/dimsemenov/PhotoSwipe2.window神器Snipaste
_theFeng·2021-06-19 16:46

图片预览插件 angular-photoswipe

依赖依赖于：photoswipe，所以需要先引入：photoswipe.css，default-skin.css，photoswipe.min.js，photoswipe-ui-default.min.js
jerryst·2021-06-12 03:16

vue + photoswipe 实现点击图片两指缩放

仿照微信的图片查看功能最近需要用vue重构公司以前的一套程序，其中有一个功能点击图片放大，并且要支持两指缩放，以前是直接原生js+photoswipe实现的，功能没啥问题，但是吧就是懒得自己写了，准备百度上找一个直接用
·2021-04-13 19:49

vue + photoswipe 实现点击图片两指缩放

仿照微信的图片查看功能最近需要用vue重构公司以前的一套程序，其中有一个功能点击图片放大，并且要支持两指缩放，以前是直接原生js+photoswipe实现的，功能没啥问题，但是吧就是懒得自己写了，准备百度上找一个直接用
·2021-04-13 19:26

[tg-preview]方便调用的图片预览组件

组件依赖PhotoSwipe。简单封装了一下。因为默认用法居然要给出图片的尺寸，身为一个懒人，不可能的！
·2021-01-22 03:30

插件1：一个Vue集成PhotoSwipe图片预览插件

想要实现缩略图预览的功能，效果如下：缩略图.png缩略图2.png实现步骤：插件git地址：https://github.com/LS1231/vue-preview安装：npmivue-preview-S
huangjiaoyan·2020-10-10 13:12

【总结】手机图片预览插件photoswipe使用总结

手机图片预览photoswipe，支持pc图片预览，多用于android，ios的手机图片预览。
snow_finland·2020-09-15 23:30

jquery 插件收集

1、轮播图插件比较好的有http://web.ue360.net/ui/比较复杂，但是绝对首选2、手机上用的图片墙插件http://www.photoswipe.com/3、多文件上传插件很好用，比较复杂
ZLNEWcsdn·2020-09-15 04:10

使用iScroll和photoswipe写手机浏览图片的插件的几点经验

首先，当我知道我得到一个任务需要写一个在手机上能浏览图片的插件时，我第一想到了iScroll。它的左右滑动，上下滑动的效果在安卓手机上也能让用户有良好的体验，自己写也能方便控制。我的需求是，插件要能左右滑动图片，当图片很长的时候要能上下滑动浏览全部图片，还要支持手势缩放，特别是较长或者较宽的图片。1.当最开始的时候，我做了一个本地缓存，把图片保存起来，为了加载滑动图片能更加流畅。js代码：varj
阿桃子·2020-09-14 23:05

vue v-viewer组件使用

v-viewer轮播图效果图Bandicam（录制视频）+soogif（视频转成gif）实现效果：轮播图+缩放、旋转照片组件介绍vue预览图片研究过v-viewer及基于photoswipe的vue-photo-preview
长安依旧·2020-09-13 04:31

h5 photoswipe插件使图片预览仿照微信可放大缩小

外链需要的文件：H5：自己的写的代码▎速报信息▎据中国地震台网正式测定：北京时间2020-04-2408:12:12在上海市浦东新区发生6.5级地震，震源深度10.0公里，震中位于东经121.12度，北纬31.0度。▎震区烈度▎震区面积估算：烈度(度)面积(平方公里)Ⅰ(1)7979Ⅱ(2)7979Ⅲ3(3)7979烈度对比参考：1-3度：人无感受，仅仪器能感受到；3-4度：夜深人静时人有感受；4
我是一只害虫·2020-09-10 16:06

photoswiper图片查看器插件

photoswipe的使用.my-gallery{width:100%;float:left;}.my-galleryimg{width:100%;height:auto;}.my-galleryfigure
Hom_mi·2020-08-21 01:55

photoswipe.min.js 使用

一个类似于手机img展示的js插件photoswipe的官网http://photoswipe.com/首先引入插件里的必须文件页面布局需要固定格式在这里可增加图片描述为了在多个页面实现插件的调用使用便把所有的代码写入一条
Ck_Null·2020-08-21 01:21

关于photoswipe的data-size问题-自适应宽高

photoswipe是一款非常优秀的移动端图片查看插件，但是在使用的时候，有一个令人头疼的问题，（data-size）！这个属性必须填写，且值需固定。
oocute·2020-08-21 01:08

移动端使用photoswipe实现图片放大

PhotoSwipe插件官方网站http://www.photoswipe.com/页面中需要引入如下文件：photoswipe.css，default-skin.css，photoswipe.js，photoswipe-ui-default.min.jshtml
ly_ifelse·2020-08-21 00:46

photoswipe.js——移动端图片文字放大缩小

指势触控简介PhotoSwipe是专为移动触摸设备设计的相册/画廊，支持触控网页上所有内容放大缩小，兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript
cc蒲公英·2020-08-20 23:41

PhotoSwipe.js 相册展示插件学习

PhotoSwipe.js官网：http://photoswipe.com/，在这个网站上可以下载到PhotoSwipe的文件以及相关的例子。这个组件主要是用来展示图片、相册用的，还是很实用的。
Michael_Gong·2020-08-20 22:05

移动web HTML5使用photoswipe模仿微信朋友圈图片放大浏览

http://www.cnblogs.com/theroad/p/5397229.html使用js框架是PhotoSwipe。
weixin_30731287·2020-08-20 21:17

smart-zoom图片缩放插件、photoswipe插件

smart-zoom图片缩放插件引入jq和e-smart-zoom-jquery.js代码$(".imgChangeimg").smartZoom();效果photoswipe插件引入css，js代码效果
ljlhnick·2020-08-09 22:31

解决：Dropzone.js的图片拖拽上传保存本地文件夹

拖拽上传JS包：Dropzone.js图片展示JS包：PhotoSwipe.jsMacOS：Sierra10.12.2python2.7Django1.6前言在学习前端的时候需要用到图片拖拽上传展示，这里记录一下踩过的坑以及解决办法目的图片拖拽或点击上传
哈士奇说喵·2020-08-04 12:37

PhotoSwipe手机端图片弹出显示插件【使用笔记】

官网：https://photoswipe.com/代码下载地址：http://down.51cto.com/data/2303672特别注意：使用的时候会报错：在移动端开发时使用photoswipe插件报错
weixin_34308389·2020-07-28 19:21

【总结】手机图片预览插件photoswipe使用总结 分类： photosw...

手机图片预览photoswipe，支持pc图片预览，多用于android，ios的手机图片预览。
weixin_30809173·2020-07-28 17:27

手机端点击图片放大特效-PhotoSwipe插件

PhotoSwipe插件官方网站http://www.photoswipe.com/PhotoSwipe插件能实现手机端点击图片全屏放大再双击图片放大等功能但有一点不太好的是图片放大后再单击不能关闭浏览
你说呢_-·2020-07-28 15:21

web开发常用插件总结

多图上传类似qq控件图片上传效果示例文档：http://www.52doit.com/show/341图片浏览插件1）phtoswipe官网:http://www.photoswipe.com/源码：https
kirsten_z·2020-07-13 06:27

好用并强大的图片插件：PhotoSwipe.js

插件下载地址：https://pan.baidu.com/s/1kfnX6L54kU_NmQTZdLl94w密码：zn2bvarinitPhotoSwipeFromDOM=function(gallerySelector){//解析来自DOM元素幻灯片数据（URL，标题，大小...）varparseThumbnailElements=function(el){varthumbElements=el
蜗牛小前·2020-07-06 02:21

PhotoSwipe 图片浏览插件使用方法 - 简单

[转载][JS插件]PhotoSwipe图片浏览插件使用方法一、介绍PhotoSwipe是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML
lei95·2020-07-04 21:53

PhotoSwipe中文API(四)

在幻灯片自定义HTML内容为了使PhotoSwipe显示HTML内容的幻灯片，你需要在幻灯片对象定义html属性。它应该包含HTML字符串或DOM元素对象。
weixin_34211761·2020-06-28 13:22

PhotoSwipe中文API(五)

ResponsiveImagesPhotoSwipe不支持或srcset，因为它要求所定义的图像的尺寸，并使用延迟加载。但是，随着图像动态加载，它很容易切换人士透露，即便是在旧的浏览器不支持srcset。让我们假设你只有“中等”的图片和“原始”（“大”）的图像。首先，你需要存储在幻灯片对象的图像的路径和大小，例如像这样：1varitems=[23//Slide14{5mediumImage:{6s
_miccretti·2020-06-28 05:22

js-PhotoSwipe相册功能

PhotoSwipe.js官网：http://photoswipe.com/，在这个网站上可以下载到PhotoSwipe的文件以及相关的例子。这个组件主要是用来展示图片、相册用的。
Mars-xq·2020-06-26 11:31

vue 实现调用摄像头进行拍照功能以及从图库中选择相片功能以及基于photoswipe的vue图片预览 组件

效果图图一：图二：图三：图四：使用组件：使用vue-photo-preview：https://github.com/826327700/vue-photo-preview.tsimportphotographfrom"@/MobileApp/components/photograph";@Component({components:{photograph}}).vue//使用拍照以及选择相片功能
勋勋勋勋小勋勋·2020-06-25 08:30

PhotoSwipe 官方API解读（一）

一：gettingstarted开始之前要知道：1、PhotoSwipe需要提前预定义图片的大小（more:http://photoswipe.com/documentation/faq.html#image-size
qq_15602525·2020-06-24 23:54

PhotoSwipe简介

转自：http://blog.csdn.net/renfufei/article/details/10360855官方介绍PhotoSwipe是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad
gf771115·2020-06-23 10:16

解决：Dropzone.js的图片拖拽上传保存本地文件夹

拖拽上传JS包：Dropzone.js图片展示JS包：PhotoSwipe.jsMacOS：Sierra10.12.2python2.7Django1.6前言在学习前端的时候需要用到图片拖拽上传展示，这里记录一下踩过的坑以及解决办法目的图片拖拽或点击上传
mrlevo520·2020-06-21 02:37

PhotoSwipe 官方API解读（三）

本节解释options:配置项接收键值对的形式，并且作为一个参数添加到PhotoSwipe的构造函数中。
ice小末·2020-02-08 00:43

PhotoSwipe 官方API解读（一）

一：gettingstarted开始之前要知道：1、PhotoSwipe需要提前预定义图片的大小（more:http://photoswipe.com/documentation/faq.html#image-size
ice小末·2020-02-02 15:02

【VUE】图片预览放大缩小插件

在看项目时，突然看到预览图片的弹窗，感觉好僵硬，不能放大，不能切换，于是便在网上找下关于图片预览的插件，有找到三个插件，具体的优劣势的看自己的使用吧，我目前只是在电脑查看效果，分别是viewerjs插件、基于photoswipe
北极星丶超帅的·2020-01-05 00:42

Vue查看大图(vue-photo-preview)

简介基于photoswipe的vue图片预览插件地址http://npm.taobao.org/package/vue-photo-preview安装npminstallvue-photo-preview
幻想无极·2019-12-08 03:25

H5使用PhotoSwipe预览图片

如果在h5上想要实现类似app上的点击预览图片并且可以放大缩小这种功能，确实比在app上实现起来更为麻烦，但是有了PhotoSwipe(https://github.com/dimsemenov/PhotoSwipe
ma_yongsong·2019-11-05 02:33

PhotoSwipe 官方API解读（二）

前面的文章《PhotoSwipe官方API解读（一）》只是进行了最简单的配置，实现了相册放大后的效果，今天的《PhotoSwipe官方API解读（二）》将实现多个照片滑动切换的效果。
ice小末·2019-10-31 12:35

移动端点击图片放大特效PhotoSwipe.js插件实现

PhotoSwipe插件能实现手机端点击图片全屏放大再双击图片放大等功能PhotoSwipe插件官方网站http://www.photoswipe.com/photoswipe之移动端图片放大查看，滑动切换下一张
·2019-09-24 03:24

vue中实现图片全屏缩放预览

基于photoswipe的vue图片全屏缩放预览插件：vue-photo-preview说明1.简化了photoswipe的默认设置2.取消了图片需设定尺寸的要求3.默认关闭了分享按钮4.简化了html
deng_zhihao692817·2019-09-14 12:05

react+redux仿微信聊天界面

一、项目概况基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技术混合开发的手机端仿微信界面聊天室
xiaoyan2017·2019-06-21 08:59

react聊天室|react+redux仿微信聊天IM实例|react仿微信界面

一、项目概况基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技术混合开发的手机端仿微信界面聊天室
xiaoyan2017·2019-06-21 00:00
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他