viewer 图片查看器,图片显示不全和第二次图片查看无法初始化的bug

项目中的图片预览,使用了viewer这个基于jq的插件;

但是在部分有弹窗的页面,查看图片时会出现只能显示部分的bug;

如下:

审查元素发现图片仅仅是基于弹窗大小做的显示,而不是基于整个页面,因此把初始化由 $(‘.image‘).viewer();改为:$(‘body‘).viewer()即可(image为图片的class);让其基于整个浏览器去做一个显示,同理,侧弹窗预览图片不居中的问题也可以这么解决;

但是后面测试发现,当当前页面关闭以后,第二次进入,图片就无法预览了,想着应该是第一个查看实例没有销毁,在$(‘body‘).viewer()前加上了

$("body").viewer(‘destroy‘),第二次即可正常显示。

原文地址:https://www.cnblogs.com/suiyide/p/10102970.html

时间: 2024-07-31 02:22:39

viewer 图片查看器,图片显示不全和第二次图片查看无法初始化的bug的相关文章

在Windows7中打开照片,提示“Windows 照片查看器无法显示此图片,因为计算机上的可用内存可能不足。....”

在Windows7中打开照片,提示“Windows 照片查看器无法显示此图片,因为计算机上的可用内存可能不足.请关闭一些目前没有使用的程序或者释放部分硬盘空间(如果硬盘几乎已满),然后重试.” 如下图所示: 处理过程: 1.查看计算机的内存和磁盘空间是否足够.  总内存为4GB,只使用40%:每个分区的磁盘空间都有几十个G.(资源足够) 2.查看图片是否已损坏.  图片在别的电脑能打开,或者在本机使用“画图”功能也能打开. (未损坏) 经发现,使用Windows照片查看器打开电脑中存在的图片,不

jQuery功能强大的图片查看器插件

简要教程 viewer是一款功能强大的图片查看器jQuery插件.它可以实现ACDsee等看图软件的部分功能.它可以对图片进行移动,缩放,旋转,翻转,可以前后浏览一组图片.该图片查看器还支持移动设备,支持键盘控制,功能十分强大. 查看演示      下载插件 安装 可以通过nmp或bower来安装该图片查看器插件. npm install imageviewer bower install imageviewer 复制代码 使用方法 使用该幻灯片插件需要引入jQuery,viewer.css和v

Android笔记二十七.Bitmap之简易图片查看器

转载请表明出处:http://blog.csdn.net/u012637501(嵌入式_小J的天空) 为了增强用户之间的交互,Android系统中提供了一些API和部件给我们开发美观有趣的应用.比如Android系统提供了ImageView来显示静态图片.AnimationDrawble来开发逐帧动画以及通过Animation对普通图片使用不减动画等.另外,Android应用中的图片不仅包括*.png.*.jpg.*.gif等格式的位图,也包括使用XML资源文件定义的各种Drawable对象.关

win10图片打开方式里没有默认照片查看器的解决方法

今天安装好win10后发现打开图片的默认程序是win10自带的画图工具,非常不方便,并且右键选择打开方式里边也找不到默认的“照片查看器”.百度搜索了一下关于win10打开方式恢复默认照片查看器的方法,虽然有用但非常繁琐.下面电脑配置网为大家总结了3种解决win10图片打开方式恢复为默认照片查看器的方法.(推荐使用第一种,简单易用) Win10怎么把图片打开方式恢复默认照片查看器方法一: 新建一个TXT文本文档,把以下代码复制粘贴到其中: Windows Registry Editor Versi

制作手机使用的网页图片查看器

这几天抽空在为项目开发一个量身的图片查看器,目前已初步完成需求 开发场景是:在一个多文件下载展示列表中,如检测某些文件为图片时,则点击该文件时打开图片查看器展示该图片,并将列表内其它图片同时展示查看器队列内,可供前后滑动查看及其它附带功能 乍一听功能点似乎有点多而且有些复杂,需要梳理一下 功能点整理 首先,我们要获得点击的图片文件对象及符合条件的图片文件对象集 其次,图片查看器的制作及图片队列展示 然后,图片友好加载方式 最后,图片查看器触摸滑动及滑动后相关功能的实现 简单整理了一下,好像也不多

浮士德html5图片裁剪器2016开源版

前言 最近刚刚好整理浮士德头像裁剪的flash版本,为了某些低级浏览器的兼容着想,既然已经做好了flash版本了,那么,现代浏览器的html5版本和ipad版,移动版也要做一些处理和打包. 兼容性 兼容ie10及以上,google浏览器,Firefox浏览器,safari浏览器,兼容ipad,苹果,安卓等机型. 历史文档 话说图片裁剪这个是很常见的需求,但是做到精细化和兼容处理也是相当费工夫的,本人光是博客相关文件都有7.8篇了,解决的大大小小bug不计其数,本插件不但解决了下面的各种bug,而

HTML5动画图片播放器 高端大气

我们见过很多图片播放插件(焦点图),很多都基于jQuery.今天介绍的HTML5图片播放器很特别,它不仅在图片间切换有过渡动画效果,而且在切换时图片中的元素也将出现动画效果,比如图中的文字移动.打散.重新组合等.这款HTML5动画图片播放器算得上是高端大气上档次. 在线演示源码下载 转载自:http://www.html5tricks.com/html5-image-player-with-animation.html HTML5动画图片播放器 高端大气

项目:查看器的使用

之前用的是table控件,发现无法更新数据,虽然实现了编辑,但是关掉窗口再打开时还是原来的样子,数据没变,不知道是我程序的问题,还是本来就不能更新.翻了会书,觉得可以试下查看器. Eclipse插件开发这个本书: 1.查看器框架: 模型成为输入,查看器本身充当控制器,高级控件作为视图,当输入改变时,查看器负责相应的改变控件的内容.主要有list viewer,table viewer,tree viewer. 查看器框架组成部分: (1)模型何元素:存储着要显示的数据 (2)内容提供者,标签提供

从零封装一个Android大图查看器

背景: 大图查看器是许多app的常用功能,主要使用场景是用户点击图片,然后启动一个新界面来展示图片的完整尺寸,并能通过手势移动图片以及放大缩小.当然,上面说的是最基本的功能,实际使用中还要包括:如果是本地图片应该可以移除,如果是网络图片,应提供一个保存到本地的功能等. 本文为什么叫封装一个大图查看器,而不是叫做编写一个大图查看器呢?因为大图查看器的最核心功能,展示图片以及手势操控我们使用了一个开源库来完成,这个开源库叫做subsampling-scale-image-view,这个开源库非常靠谱