From 835deaa2487d716785056926b5bf85b855863ac3 Mon Sep 17 00:00:00 2001
From: Awe <hilongjw@gmail.com>
Date: Sun, 18 Jun 2017 11:12:01 +0800
Subject: [PATCH] update: docs

---
 README.md | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index 2b8a187..9221987 100644
--- a/README.md
+++ b/README.md
@@ -97,8 +97,9 @@ new Vue({
 |`attempt`|attempts count|`3`|`Number`|
 |`listenEvents`|events that you want vue listen for|`['scroll', 'wheel', 'mousewheel', 'resize', 'animationend', 'transitionend', 'touchmove']`| [Desired Listen Events](#desired-listen-events) |
 |`adapter`| dynamically modify the attribute of element |`{ }`| [Element Adapter](#element-adapter) |
-|`filter`| the image's src filter |`{ }`| [Image url filter](#image-url-filter) |
+|`filter`| the image's listener filter |`{ }`| [Image listener filter](#image-listener-filter) |
 |`lazyComponent`| lazyload component | `false` | [Lazy Component](#lazy-component)
+| `dispatchEvent`|trigger the dom event|`false`|`Boolean`|
 
 ### Desired Listen Events
 
@@ -120,25 +121,26 @@ This is useful if you are having trouble with this plugin resetting itself to lo
 when you have certain animations and transitions taking place
 
 
-### Image url filter
+### Image listener filter
 
 dynamically modify the src of image
 
 ```javascript
 Vue.use(vueLazy, {
     filter: {
-      webp ({ src }) {
+      progressive (listener, options) {
           const isCDN = /qiniudn.com/
-          if (isCDN.test(src)) {
-              src += '?imageView2/2/format/webp'
+          if (isCDN.test(listener.src)) {
+              listener.el.setAttribute('lazy-progressive', 'true')
+              listener.loading = listener.src + '?imageView2/1/w/10/h/10'
           }
-          return src
       },
-      someProcess ({ el, src }) {
-        if (el.getAttribute('large')) {
-          src += '?large'
-        }
-        return src
+      webp (listener, options) {
+          if (!options.supportWebp) return
+          const isCDN = /qiniudn.com/
+          if (isCDN.test(listener.src)) {
+              listener.src += '?imageView2/2/format/webp'
+          }
       }
     }
 })