https://github.com/photino/amazeui-magnifier

Amaze UI图片放大镜插件
https://github.com/photino/amazeui-magnifier

amazeui amazeui-plugin

Last synced: about 1 month ago
JSON representation

Amaze UI图片放大镜插件

• Host: GitHub
• URL: https://github.com/photino/amazeui-magnifier
• Owner: photino
• License: mit
• Created: 2016-10-07T05:48:50.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2016-11-29T06:54:35.000Z (about 8 years ago)
• Last Synced: 2024-09-27T09:13:39.903Z (3 months ago)
• Topics: amazeui, amazeui-plugin
• Language: JavaScript
• Homepage: http://photino.github.io/amazeui-magnifier/
• Size: 1.29 MB
• Stars: 5
• Watchers: 5
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Amaze UI Magnifier

- [使用示例](http://photino.github.io/amazeui-magnifier/docs/demo.html)

## 使用说明

1. 获取 Amaze UI Magnifier

  - [直接下载](https://github.com/photino/amazeui-magnifier/archive/master.zip)

  - 使用 NPM: `npm install amazeui-magnifier`

2. 在 Amaze UI 样式之后引入 Magnifier 样式（`dist` 目录下的 CSS）：

  Amaze UI Magnifier 依赖 Amaze UI 样式。

  ```html

  

  

  ```

3. 引入 Magnifier 插件（`dist` 目录下的 JS）：

  ```html

  

  

  ```

4. 初始化 Magnifier:

  Amaze UI Magnifier 也支持Data API。

  ```js

  $(function() {

      $('#small-image').magnify({

        shape: 'rect',

        width: 120

      });

  });

  ```