关闭动态背景

可拖拽弹窗图片查看器PhotoViewer

  • 所需积分:0
  • 源码大小:326 KB
  • 源码编号:ddym-tx0008
  • 下载次数:7次
  • 最后更新:2019-03-17

站内插件均为网络收集或购买而来,如有侵权请告知网站管理员!

可拖拽弹窗图片查看器PhotoViewer 大图展示

  纯JS版仿 Windows 图片查看器PhotoViewer

  PhotoViewer是一个JS插件,可以像在Windows中一样查看图像。

  主要特点:Vanilla JS、兼容Firefox、Chrome、Safari、IE7及IE7以上浏览器、模态可拖动、模态可调整大小、模态最大化、图像可移动、图像可缩放、图像可旋转、键盘控制、全屏显示、多个实例
 

ddym-tx0008 可拖拽弹窗图片查看器PhotoViewer

  基本用法:

  第1步:包含文件

  第2步:初始化,photoviewer的用法非常简单,PhotoViewer构造函数有2个参数。包含图像信息对象的数组。

  //构建图像数组

  var items = [{

    src: 'path/to/image1.jpg', // 图像路径

    title: 'Image Caption 1' //如果你跳过它,会显示原始图像名称

  },{

    src: 'path/to/image2.jpg',

    title: 'Image Caption 2'

  }];

  //定义选项(如果需要)

  var options = {

    // optionName: 'option value'

    // 例如:

    index: 0 // 此选项表示您将从第一张图片开始

  };

  //初始化插件

  var viewer = new PhotoViewer(items, options);

  第3步:绑定事件,在初始化时绑定按钮元素上的click事件。

发表评论

评论(

相关推荐