Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能_jquery

先给大家展示效果图:

点击查看效果图           源码下载

jQuery可调节放大与缩小功能的全屏相册插件zoomVisualizer。

文件引用:

<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/ZoomVisualizer.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
 $(window).ZoomVisualizer({
  added: added,
  removed: removed,
  object: '#zoom-visualizer',
  resizeInitial: true,
  centerThumbs: true,
  loader: "img/ajax-loader-overlay.gif",
  sliderOrientation: "vertical",
  positionZoom: {
   left: 10,
   right: 10,
   top:10,
   bottom:10
  }
 });
 function added() {
  console.log("相册打开了!");
 }
 function removed() {
  console.log("相册关闭了!");
 }
});
</script>

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery_zoom插件
jquery全屏插件
zoom.js 手指放大缩小、zoom两点放大缩小算法、zoom两点放大缩小、主页面zoom 放大缩小、zoomvisualizer 参数,以便于您获取更多的相关知识。

时间: 2024-09-25 17:52:23

Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能_jquery的相关文章

10 个非常有用的 jQuery 全屏背景插件

现在的网页设计很流行全屏背景,就是使用一张大图作为网页的背景,在网页进行滚动时背景不动.本文介绍 10 个在处理全屏背景效果的 jQuery 插件. BACKSTRETCH VIDE   BIG VIDEO   SIMPLE VID   GAYA DESIGN   MOTIO   VEGAS   OKFOCUS VIDEO   FORMSTONE   SUPERSIZED 文章转载自 开源中国社区 [http://www.oschina.net]

基于jQuery全屏焦点图左右切换插件responsiveslides_jquery

基于jQuery全屏焦点图切换插件responsiveslides是一款带左右箭头,索引按钮的自动轮播切换特效下载. 效果图如下: 在线预览    源码下载 html代码: <script type="text/javascript"> $(function () { // Slideshow $("#slider").responsiveSlides({ auto: true, pager: false, nav: true, speed: 500,

酷炫jQuery全屏3D焦点图动画效果_jquery

这又是一款很不错的jQuery焦点图动画,它的特点是整个焦点图基本是全屏显示的,非常大气,而且图片的倾斜也给整个焦点图3D立体的视觉效果,而且焦点图的图片切换非常流畅,相当实用. HTML代码: <div class="wrapper"> </div> <div id="pxs_container" class="pxs_container"> <div class="pxs_bg"&

全屏滚动插件fullPage.js使用实例解析_javascript技巧

如今我们经常能看见到全屏网站,尤其是国外玩站.这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次.而JQuery的一款插件fullpage.js,可以实现全屏滚动,非常流行的效果,兼容性IE8+兼容性不错,能够兼容多种浏览器. 主要功能有: 支持鼠标滚动 支持前进后退和键盘控制 多个会调函数 支持手机.平板触摸事件 支持CSS3动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度.背景颜色.滚动速度.循环选项.回调.文本对齐方式等等 准备工作(下载jquery

分享一款jQuery全屏滚动页面特性案例

分享一款jQuery全屏滚动页面特性案例. 我们在来往官网,或者小米官网都会看到全屏滚动页面的一些例子.可以说全屏滚动页面越来越受欢迎.它们就像是竖着的图片轮转一样. 这样的页面有很多,如:iPhone 5C页面:http://www.dowebok.com/demo/2014/77/index8.html  网易邮箱6.0:http://www.dowebok.com/demo/2014/97/ 来往官网:http://www.laiwang.com 百度百科史记2013:http://www

Jquery全选与反选点击执行一次的解决方案_jquery

代码需求, 使用attr只能执行一次,使用prop则完美实现全选和反选,获取所有选中的项并把选中项的文本组成一个字符串. 解决方案一: 代码如下: <html> <head> <script src="jquery-1.11.1.min.js" type="text/javascript"></script> </head> <body> <input type="checkbo

微信公共号的文章中点击一张图片后,自动变为全屏浏览。这是编写代码实现的功能还是手机or微信自带的功能?

问题描述 微信公共号的文章中点击一张图片后,自动变为全屏浏览.这是编写代码实现的功能还是手机or微信自带的功能? 求解!如何不是手机的自带功能如何编写这个代码? 我写了一些放大功能的代码都达不到全屏的那种效果.. 解决方案 这个是通过微信公众平台提供的JsApi接口来实现,点击图片直接调起微信客户端自带的图片播放组件.// 调起微信客户端的图片播放组件进行播放 var srcList = []; $.each($('img'),function(i,item){ if(item.src) { s

fullpage.js全屏滚动插件使用实例_javascript技巧

刚做好公司网站,通过全屏滚动,显著提高了官网的浏览体验.遂总结一下使用fullpage.js的方法.欢迎指正 一. fullpage.js简介   fullpage.js是一套实现浏览器全屏滚动的js插件,很多网站现在都使用了其来实现较好的浏览体验.  可以实现的功能:  •支持前进后退和键盘控制  •多个回调函数  •支持手机.平板触摸事件  •支持 CSS3 动画  •支持窗口缩放  •窗口缩放时自动调整  •可设置滚动宽度.背景颜色.滚动速度.循环选项.回调.文本对齐方式等等  二.插件下

Jquery 全屏背景图类

Java代码   (function(){   //作用域定义       var xproject = this.xproject || function(){};              this.xproject = xproject;       /*      * @description全屏背景图类 xproject.fullBackBround({ bgImg : 'images/2014022709240529.jpg'});      * @param args      *