<link rel="stylesheet" href="css/viewer.min.css"> <script src="js/viewer.min.js"...
1、 Viewer.js简介 Viewer.js 是一款强大的图片查看器。我们通过Viewer.js 在页面上添加强大的图片查看功能,同时,这款优秀的插件配置操作起来也非常的方便。...Viewer.js分为2个版本,js版本和jquery版本,下载地址分别为 纯JS版本:https://github.com/fengyuanchen/viewerjs jQuery 版本:GitHub...支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式(可做屏保) 支持缩略图 支持标题显示 支持多种自定义事件 3、Viewer.js...* Viewer.js v0.3.1 * https://github.com/fengyuanchen/viewerjs * * Copyright (c) 2015-2016 Fengyuan...* Viewer.js v0.3.1 * https://github.com/fengyuanchen/viewerjs * * Copyright (c) 2015-2016 Fengyuan
介绍 Viewer.js 是一款强大的图片查看器。我们通过Viewer.js 在页面上添加强大的图片查看功能,同时,这款优秀的插件配置操作起来也非常的方便。...这是作者github地址:https://github.com/fengyuanchen/viewerjs 下图即为插件的演示样式: 特点 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(...最大缩放比例 zIndex 整型 2015 图片查看器modal模式时z-index值 zIndexInline 整型 0 图片查看器inline模式时z-index值 build 函数 null 回调函数,viewer.js
vue2-viewer vue2-viewer 是一款强大的图像浏览插件,可以实现图像的放大预览,旋转,任意比例放大和缩小等功能 vue2-viewer 是viewer.js vue的实现,效果以及样式完全移植自...viewer.js关于viewer.js可以参考链接 [http://fengyuanchen.github.io/viewer/] 插件中所有的效果均大量地使用了css3的新特性替换了viewer.js...使用文档 安装 npm install --save vue2-viewer 在main.js中引入并使用插件 import ImageViewer from 'vue2-viewer'; Vue.use...(ImageViewer); 插件会在全局注册vue-viewer组件 使用组件 vue2-viewer 提供两种使用模式,单图片模式和多图列表模式。
分享一个非常简单的图片预览插件viewer 首先引入js和css viewer.js:下载链接 jquery1.11.3.js:下载链接 jquery-viewer.min.js:下载链接 viewer.css...rel="external nofollow"> <script src="{路径}/<em>viewer.js</em>...() { //缩放等级(1倍) $image.viewer('zoomTo', 1); } }); // 初始化后获取<em>Viewer.js</em>
偶然间在网上看到的几个图片预览的插件,挺好用的,顺手整理下来。...1:Zoomify – jQuery缩放效果lightbox插件 地址:http://www.dowebok.com/214.html ?...图片.png 2:JK Responsive – jQuery响应式lightbox插件 http://www.dowebok.com/209.html ?...图片.png 3:Viewer.js – 强大的JS/jQuery图片查看器 http://www.dowebok.com/192.html ?...图片.png 6:jQuery Lightbox效果插件Boxer http://www.dowebok.com/82.html ? 图片.png
项目名称:compressorjs Star:4.2K Github:https://github.com/fengyuanchen/compressorjs 4.viewerjs Viewer.js...我们通过Viewer.js 在页面上添加强大的图片查看功能,同时,这款优秀的插件配置操作起来也非常的方便。 Viewer.js分为2个版本,js版本和jquery版本,大家可以根据自身需求选择。
v-viewer 基于vue的一个插件,可以实现图片放大,缩小,旋转,拖拽,预览等各种功能,效果还是很棒的。这是我在Github摸鱼时发现的一个仓库,感觉很有用,就分享一下使用过程。...Github: https://github.com/mirari/v-viewer 1.安装 npm install v-viewer 2.用法 在 plugins 中新建 viewer.js 文件。...// /plugins/viewer.js import Vue from 'vue'; import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.css
插件描述:Viewer.js 是一款强大的图片查看器 1、引入文件 js版本 <script src
强大的jQuery图片查看器插件Viewer.js 包含js和jQuery两种版本,是一个简便且强大的图片浏览插件 js安装版本 1、引入js和css文件,已打包附件 <link rel
这代码代码需要添加在 【viewer.js】引用之前。...raw.charCodeAt(i) & 0xff; } return array; } } 5、改造pdf.js源码 5.1 viewer.js...更改 打开viewer.js,直接搜索“DEFAULT_URL”会找不到(因为网上有个别帖子的版本是在viewer.js里搜到“DEFAULT_UR”并且要求注释的),但是通过寻找,发现我这个版本的“DEFAULT_URL...compressed.tracemonkey-pldi-09.pdf", value: DEFAULT_URL, kind: OptionKind.VIEWER }; 更改标签页标题: 打开“viewer.js
目前随着浏览器技术发展的不断成熟与强大,大部分的浏览器都支持直接把PDF文件拖到浏览器中显示,最方便的是这个操作不需要额外的插件支持。但是不同的浏览器加载显示PDF的效果不同。...这时就需要专门的JS插件来处理。Mozilla开源了一个插件pdf.js,无需任何本地支持就可以在所有主流的浏览器上显示PDF文档,使用起来十分的方便。唯一的要求就是浏览器必须支持HTML5。...3、在VS中打开viewer.html,引用了查看其的样式文件viewer.css、pdf.js核心文件、查看器脚本文件viewer.js 、资源文件local.properties。 ?...打开viewer.js文件,注释掉以下内容。 ? 还有其他方式也可以实现跨域,网络上有很多优秀的解决方案。但是上述的方法最简单直接。
seconds-of-code 30 秒就能理解的 JavaScript 代码片段 fullPage.js 它能够很方便、很轻松的制作出全屏网站 clipboard.js 不需要flash,将文本复制到剪贴板的插件...swiper.js 目前应用较广泛的移动端网页触摸内容滑动js插件 lazysizes 用于图片延迟加载,但是不会影响SEO wow.js 能让页面滚动时显示动画,使页面更有趣 viewer.js...一款强大的图片查看器 Share.js 一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等 zTree.js 好用的开源免费树形插件...sticky.js 固定导航位置悬浮插件 nicescroll.js 非常强大的基于jQuery的滚动条插件 towxml 微信小程序HTML、Markdown渲染库 开源博客 名称 简介
第一步:下载源码https://github.com/mozilla/pdf.js 第二步:将源码拷贝进项目中,可以新建一个PDFShow文件夹存放代码 第三步:修改viewer.js var DEFAULT_URL...---------------------------2017-07-13 13:01的分割线------------------------------- 文章年久失修,使用案例可参阅官方Demo 插件官方的例子
本文介绍在hexo 中添加 pdf 插件的方法。...方法一 hexo pdf 安装 hexo pdf 插件 在博客中插入pdf 指令 安装插件 $ npm install --save hexo-pdf 官网:https://github.com/superalsrk...mozilla.github.io/pdf.js/ 新版本不支持部分浏览器,为了更好的兼容性,下载旧版本浏览器的文件包,点击 Download 按钮 下载并解压相关内容,使用 viewer.html 配合 iframe 插件查看...style='width:100%;height:100%'> 使用时会报错: Error: file origin does not match viewer's 需要注释掉 web/viewer.js
https://github.com/ianstormtaylor/slate Markdown 编辑器 Editor.md https://pandao.github.io/editor.md/ 树插件...树插件 http://www.treejs.cn/v3/main.php#_zTreeInfo 图片懒加载 lazyload https://github.com/tuupola/jquery_lazyload...www.cnblogs.com/cjc917/p/7402026.html Metro风兼瀑布流布局效果 http://www.lanrenzhijia.com/jquery/1985.html 相册 (图片滑动切换展示效果) Viewer.js...https://fengyuanchen.github.io/viewerjs/ 导航插件 okayNav http://www.dowebok.com/204.html 视频播放器 Chimee...scroxt - 字幕字体滚动插件 https://github.com/chenjianfang/scroxt 复制粘贴插件 clipboard.js https://github.com/zenorocha
如果需要,则修改viewer.js和pdf.js等引用文件位置 修改一下web\viewer.js disableAutoFetch: { value: true,//false,...这样可以pdf.js可以实现pdf文件页码的自动选择(不重复加载pdf文件) pdfjs优化,实现按需加载,节省流量和内存 - 小黑电脑 3.3 pdfjs关闭自动获取 在pdfjs发行包的web/viewer.js
官网地址:https://mozilla.github.io/pdf.js/ 新版本不支持部分浏览器,为了更好的兼容性,下载旧版本浏览器的文件包 点击 Download 按钮 下载并解压相关内容 修改 viewer.js...直接使用下载的文件会报错 Error: file origin does not match viewer's 需要注释掉 web/viewer.js 文件中的相应内容: 加入主题 将下载文件夹命名为
中允许资源跨域访问 add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Credentials true; viewer.js...中注释掉下面的这行 throw new Error("file origin does not match viewer's"); 禁用工具条菜单 viewer.js中webViewerInitialized
maven :m2eclipse – http://m2eclipse.sonatype.org/sites/m2e
领取专属 10元无门槛券
手把手带您无忧上云