From 4b8aa73a1616208c0598274886a0b6a90bba192d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=96=E5=A4=96=E6=A1=83=E6=BA=90?= <jobhesk@gmail.com>
Date: Tue, 15 Dec 2015 15:03:07 +0800
Subject: [PATCH] update slider to support zoom and zoom out mode

zoom and zoom out supports
---
 .idea/workspace.xml                           | 848 ++++++++++--------
 AppDemo/src/main/AndroidManifest.xml          |   3 +
 .../com/hkm/sliderdemo/BigScreenDemo.java     |  21 +-
 .../java/com/hkm/sliderdemo/MainActivity.java |  11 +-
 .../java/com/hkm/sliderdemo/NewsArticle.java  |  52 ++
 .../com/hkm/sliderdemo/ZoomScreenSlider.java  |  39 +
 .../java/com/hkm/sliderdemo/modules/Feed.java |  86 ++
 AppDemo/src/main/res/layout/b_slider.xml      |  71 ++
 .../src/main/res/layout/news_feed_item.xml    |  22 +
 AppDemo/src/main/res/menu/main.xml            |  10 +
 README.md                                     |   8 +-
 gradle.properties                             |   6 +-
 library/build.gradle                          |   8 +-
 library/library.iml                           |  17 +-
 .../Intents/ZoomablePicassoSwippable.java     | 231 +++++
 .../java/com/hkm/slider/SliderLayout.java     |  36 +-
 .../slider/SliderTypes/BaseSliderView.java    |   6 +-
 .../SliderTypes/NewsFeedArticleView.java      |  66 ++
 .../hkm/slider/SliderTypes/ZoomableView.java  | 228 +++++
 .../src/main/res/drawable/shadow_upward.xml   |  11 +
 .../res/layout/content_zoomable_slide.xml     |  54 ++
 .../layout/content_zoomble_slider_frame.xml   |  11 +
 library/src/main/res/values/attrs.xml         |   4 +
 library/src/main/res/values/color.xml         |   3 +
 library/src/main/res/values/dimen.xml         |   4 +
 library/src/main/res/values/ids.xml           |   6 +
 library/src/main/res/values/styles.xml        |  11 +
 27 files changed, 1480 insertions(+), 393 deletions(-)
 create mode 100644 AppDemo/src/main/java/com/hkm/sliderdemo/NewsArticle.java
 create mode 100644 AppDemo/src/main/java/com/hkm/sliderdemo/ZoomScreenSlider.java
 create mode 100644 AppDemo/src/main/java/com/hkm/sliderdemo/modules/Feed.java
 create mode 100644 AppDemo/src/main/res/layout/b_slider.xml
 create mode 100644 AppDemo/src/main/res/layout/news_feed_item.xml
 create mode 100644 library/src/main/java/com/hkm/slider/Intents/ZoomablePicassoSwippable.java
 create mode 100644 library/src/main/java/com/hkm/slider/SliderTypes/NewsFeedArticleView.java
 create mode 100644 library/src/main/java/com/hkm/slider/SliderTypes/ZoomableView.java
 create mode 100644 library/src/main/res/drawable/shadow_upward.xml
 create mode 100644 library/src/main/res/layout/content_zoomable_slide.xml
 create mode 100644 library/src/main/res/layout/content_zoomble_slider_frame.xml
 create mode 100644 library/src/main/res/values/dimen.xml

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 4ca7d64..e796be6 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -99,11 +99,11 @@
   <component name="FileTemplateManagerImpl">
     <option name="RECENT_TEMPLATES">
       <list>
-        <option value="layoutResourceFile" />
-        <option value="resourceFile" />
         <option value="valueResourceFile" />
+        <option value="resourceFile" />
         <option value="layoutResourceFile_vertical" />
         <option value="Class" />
+        <option value="layoutResourceFile" />
       </list>
     </option>
   </component>
@@ -542,20 +542,50 @@
                 <option name="name" value="preReleaseUnitTestBuild" />
               </ExternalTaskPojo>
               <ExternalTaskPojo>
-                <option name="description" value="Prepare com.android.support:appcompat-v7:23.0.0" />
+                <option name="description" value="Prepare com.android.support:appcompat-v7:23.1.1" />
                 <option name="linkedExternalProjectPath" value="$PROJECT_DIR$" />
-                <option name="name" value="prepareComAndroidSupportAppcompatV72300Library" />
+                <option name="name" value="prepareComAndroidSupportAppcompatV72311Library" />
               </ExternalTaskPojo>
               <ExternalTaskPojo>
-                <option name="description" value="Prepare com.android.support:support-v4:23.0.0" />
+                <option name="description" value="Prepare com.android.support:support-v4:23.1.1" />
                 <option name="linkedExternalProjectPath" value="$PROJECT_DIR$" />
-                <option name="name" value="prepareComAndroidSupportSupportV42300Library" />
+                <option name="name" value="prepareComAndroidSupportSupportV42311Library" />
               </ExternalTaskPojo>
               <ExternalTaskPojo>
                 <option name="description" value="Prepare com.daimajia.androidanimations:library:1.0.3" />
                 <option name="linkedExternalProjectPath" value="$PROJECT_DIR$" />
                 <option name="name" value="prepareComDaimajiaAndroidanimationsLibrary103Library" />
               </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare com.github.chrisbanes.photoview:library:1.2.3" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$" />
+                <option name="name" value="prepareComGithubChrisbanesPhotoviewLibrary123Library" />
+              </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare com.greysonparrelli.permiso:permiso:0.1.1" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$" />
+                <option name="name" value="prepareComGreysonparrelliPermisoPermiso011Library" />
+              </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare com.hb:sdklibrary:0.5.7" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$" />
+                <option name="name" value="prepareComHbSdklibrary057Library" />
+              </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare com.hkm.ezwebview:library:1.2.0" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$" />
+                <option name="name" value="prepareComHkmEzwebviewLibrary120Library" />
+              </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare com.lsjwzh:materialloadingprogressbar:0.5.3-RELEASE" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$" />
+                <option name="name" value="prepareComLsjwzhMaterialloadingprogressbar053RELEASELibrary" />
+              </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare com.r0adkll:slidableactivity:2.0.4" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$" />
+                <option name="name" value="prepareComR0adkllSlidableactivity204Library" />
+              </ExternalTaskPojo>
               <ExternalTaskPojo>
                 <option name="linkedExternalProjectPath" value="$PROJECT_DIR$" />
                 <option name="name" value="prepareDebugAndroidTestDependencies" />
@@ -573,6 +603,11 @@
                 <option name="linkedExternalProjectPath" value="$PROJECT_DIR$" />
                 <option name="name" value="prepareLoyalNativeSliderLibraryUnspecifiedLibrary" />
               </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare net.sjava:advancedasynctask:1.0.1" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$" />
+                <option name="name" value="prepareNetSjavaAdvancedasynctask101Library" />
+              </ExternalTaskPojo>
               <ExternalTaskPojo>
                 <option name="linkedExternalProjectPath" value="$PROJECT_DIR$" />
                 <option name="name" value="prepareReleaseDependencies" />
@@ -1222,20 +1257,50 @@
                 <option name="name" value="preReleaseUnitTestBuild" />
               </ExternalTaskPojo>
               <ExternalTaskPojo>
-                <option name="description" value="Prepare com.android.support:appcompat-v7:23.0.0" />
+                <option name="description" value="Prepare com.android.support:appcompat-v7:23.1.1" />
                 <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/AppDemo" />
-                <option name="name" value="prepareComAndroidSupportAppcompatV72300Library" />
+                <option name="name" value="prepareComAndroidSupportAppcompatV72311Library" />
               </ExternalTaskPojo>
               <ExternalTaskPojo>
-                <option name="description" value="Prepare com.android.support:support-v4:23.0.0" />
+                <option name="description" value="Prepare com.android.support:support-v4:23.1.1" />
                 <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/AppDemo" />
-                <option name="name" value="prepareComAndroidSupportSupportV42300Library" />
+                <option name="name" value="prepareComAndroidSupportSupportV42311Library" />
               </ExternalTaskPojo>
               <ExternalTaskPojo>
                 <option name="description" value="Prepare com.daimajia.androidanimations:library:1.0.3" />
                 <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/AppDemo" />
                 <option name="name" value="prepareComDaimajiaAndroidanimationsLibrary103Library" />
               </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare com.github.chrisbanes.photoview:library:1.2.3" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/AppDemo" />
+                <option name="name" value="prepareComGithubChrisbanesPhotoviewLibrary123Library" />
+              </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare com.greysonparrelli.permiso:permiso:0.1.1" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/AppDemo" />
+                <option name="name" value="prepareComGreysonparrelliPermisoPermiso011Library" />
+              </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare com.hb:sdklibrary:0.5.7" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/AppDemo" />
+                <option name="name" value="prepareComHbSdklibrary057Library" />
+              </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare com.hkm.ezwebview:library:1.2.0" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/AppDemo" />
+                <option name="name" value="prepareComHkmEzwebviewLibrary120Library" />
+              </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare com.lsjwzh:materialloadingprogressbar:0.5.3-RELEASE" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/AppDemo" />
+                <option name="name" value="prepareComLsjwzhMaterialloadingprogressbar053RELEASELibrary" />
+              </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare com.r0adkll:slidableactivity:2.0.4" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/AppDemo" />
+                <option name="name" value="prepareComR0adkllSlidableactivity204Library" />
+              </ExternalTaskPojo>
               <ExternalTaskPojo>
                 <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/AppDemo" />
                 <option name="name" value="prepareDebugAndroidTestDependencies" />
@@ -1253,6 +1318,11 @@
                 <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/AppDemo" />
                 <option name="name" value="prepareLoyalNativeSliderLibraryUnspecifiedLibrary" />
               </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare net.sjava:advancedasynctask:1.0.1" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/AppDemo" />
+                <option name="name" value="prepareNetSjavaAdvancedasynctask101Library" />
+              </ExternalTaskPojo>
               <ExternalTaskPojo>
                 <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/AppDemo" />
                 <option name="name" value="prepareReleaseDependencies" />
@@ -1855,14 +1925,24 @@
                 <option name="name" value="preReleaseUnitTestBuild" />
               </ExternalTaskPojo>
               <ExternalTaskPojo>
-                <option name="description" value="Prepare com.android.support:appcompat-v7:23.0.0" />
+                <option name="description" value="Prepare com.android.support:appcompat-v7:23.1.1" />
                 <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/library" />
-                <option name="name" value="prepareComAndroidSupportAppcompatV72300Library" />
+                <option name="name" value="prepareComAndroidSupportAppcompatV72311Library" />
               </ExternalTaskPojo>
               <ExternalTaskPojo>
-                <option name="description" value="Prepare com.android.support:support-v4:23.0.0" />
+                <option name="description" value="Prepare com.android.support:support-v4:23.1.1" />
                 <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/library" />
-                <option name="name" value="prepareComAndroidSupportSupportV42300Library" />
+                <option name="name" value="prepareComAndroidSupportSupportV42311Library" />
+              </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare com.github.chrisbanes.photoview:library:1.2.3" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/library" />
+                <option name="name" value="prepareComGithubChrisbanesPhotoviewLibrary123Library" />
+              </ExternalTaskPojo>
+              <ExternalTaskPojo>
+                <option name="description" value="Prepare com.r0adkll:slidableactivity:2.0.4" />
+                <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/library" />
+                <option name="name" value="prepareComR0adkllSlidableactivity204Library" />
               </ExternalTaskPojo>
               <ExternalTaskPojo>
                 <option name="linkedExternalProjectPath" value="$PROJECT_DIR$/library" />
@@ -2061,7 +2141,7 @@
     </option>
     <option name="modificationStamps">
       <map>
-        <entry key="$PROJECT_DIR$" value="8672808061000" />
+        <entry key="$PROJECT_DIR$" value="8676412294000" />
       </map>
     </option>
     <option name="projectBuildClasspath">
@@ -2321,10 +2401,26 @@
                             <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/commons-codec/commons-codec/1.6/b7f0fc8f61ecadeb3695f0b9464755eee44374d4/commons-codec-1.6.jar" />
                             <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/org.apache.httpcomponents/httpcore/4.2.1/3f6caf5334fa83607b82e2f32dd128a9d8a0ea5e/httpcore-4.2.1-sources.jar" />
                             <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/org.apache.httpcomponents/httpcore/4.2.1/2d503272bf0a8b5f92d64db78b4ba9abbaccc6fd/httpcore-4.2.1.jar" />
-                            <option value="$USER_HOME$/Library/Android/sdk/extras/android/m2repository/com/android/support/appcompat-v7/23.0.0/appcompat-v7-23.0.0.aar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.hb/sdklibrary/0.5.7/3f77ec9f337da4948e8012022f88a32a8a7bbc9e/sdklibrary-0.5.7.aar" />
+                            <option value="$USER_HOME$/Library/Android/sdk/extras/android/m2repository/com/android/support/appcompat-v7/23.1.1/appcompat-v7-23.1.1.aar" />
                             <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.daimajia.androidanimations/library/1.0.3/79973f8a67cecdef9182a2f203e58035ee3b2826/library-1.0.3.aar" />
-                            <option value="$USER_HOME$/Library/Android/sdk/extras/android/m2repository/com/android/support/support-v4/23.0.0/support-v4-23.0.0.aar" />
-                            <option value="$USER_HOME$/Library/Android/sdk/extras/android/m2repository/com/android/support/support-annotations/23.0.0/support-annotations-23.0.0.jar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.hkm.ezwebview/library/1.2.0/77fcb379d22ca310f164368b7b050df8054d4878/library-1.2.0.aar" />
+                            <option value="$USER_HOME$/Library/Android/sdk/extras/android/m2repository/com/android/support/support-v4/23.1.1/support-v4-23.1.1.aar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.squareup.picasso/picasso/2.5.2/7446d06ec8d4f7ffcc53f1da37c95f200dcb9387/picasso-2.5.2.jar" />
+                            <option value="$USER_HOME$/Library/Android/sdk/extras/android/m2repository/com/android/support/support-annotations/23.1.1/support-annotations-23.1.1.jar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.squareup.okhttp/okhttp/2.3.0/2e7bc7033dc2c8423e661224171b3133fb155b28/okhttp-2.3.0.jar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.squareup.okhttp/okhttp-urlconnection/2.2.0/cb20062e14c523637b7643295418097b48cccec2/okhttp-urlconnection-2.2.0.jar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/org.apache.commons/commons-io/1.3.2/b6dde38349ba9bb5e6ea6320531eae969985dae5/commons-io-1.3.2.jar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.squareup.retrofit/retrofit/1.9.0/a681c044244d9fc375198588297a39ba78028423/retrofit-1.9.0.jar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/org.jsoup/jsoup/1.8.3/65fd012581ded67bc20945d85c32b4598c3a9cf1/jsoup-1.8.3.jar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/io.realm/realm-android/0.86.0/e49a43bcbbc3d5e5491dd2f4d3799a504b618e6b/realm-android-0.86.0.jar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/org.ocpsoft.prettytime/prettytime/3.2.7.Final/4b216ebcf284752a40e11c39c2ea62bc45528c33/prettytime-3.2.7.Final.jar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.greysonparrelli.permiso/permiso/0.1.1/f6ca0b4ae8c90ee60d5cde50aa7fd818e3c974f2/permiso-0.1.1.aar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/net.sjava/advancedasynctask/1.0.1/a868eee5e137a9067be755ea2b5928e729981b5a/advancedasynctask-1.0.1.aar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.lsjwzh/materialloadingprogressbar/0.5.3-RELEASE/321eacb589a021e8d9bc19654366f0eb9ee01d2b/materialloadingprogressbar-0.5.3-RELEASE.aar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.squareup.okio/okio/1.3.0/1b355f73402020c5a0dcca58affc3ec3dfeabac1/okio-1.3.0.jar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/commons-io/commons-io/1.3.2/b6dde38349ba9bb5e6ea6320531eae969985dae5/commons-io-1.3.2.jar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.google.code.gson/gson/2.3.1/ecb6e1f8e4b0e84c4b886c2f14a1500caf309757/gson-2.3.1.jar" />
                           </list>
                         </option>
                         <option name="path" value="$PROJECT_DIR$/AppDemo" />
@@ -2453,10 +2549,12 @@
                             <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/commons-codec/commons-codec/1.6/b7f0fc8f61ecadeb3695f0b9464755eee44374d4/commons-codec-1.6.jar" />
                             <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/org.apache.httpcomponents/httpcore/4.2.1/3f6caf5334fa83607b82e2f32dd128a9d8a0ea5e/httpcore-4.2.1-sources.jar" />
                             <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/org.apache.httpcomponents/httpcore/4.2.1/2d503272bf0a8b5f92d64db78b4ba9abbaccc6fd/httpcore-4.2.1.jar" />
-                            <option value="$USER_HOME$/Library/Android/sdk/extras/android/m2repository/com/android/support/appcompat-v7/23.0.0/appcompat-v7-23.0.0.aar" />
-                            <option value="$USER_HOME$/Library/Android/sdk/extras/android/m2repository/com/android/support/support-v4/23.0.0/support-v4-23.0.0.aar" />
+                            <option value="$USER_HOME$/Library/Android/sdk/extras/android/m2repository/com/android/support/appcompat-v7/23.1.1/appcompat-v7-23.1.1.aar" />
+                            <option value="$USER_HOME$/Library/Android/sdk/extras/android/m2repository/com/android/support/support-v4/23.1.1/support-v4-23.1.1.aar" />
                             <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.squareup.picasso/picasso/2.5.2/7446d06ec8d4f7ffcc53f1da37c95f200dcb9387/picasso-2.5.2.jar" />
-                            <option value="$USER_HOME$/Library/Android/sdk/extras/android/m2repository/com/android/support/support-annotations/23.0.0/support-annotations-23.0.0.jar" />
+                            <option value="$USER_HOME$/Library/Android/sdk/extras/android/m2repository/com/android/support/support-annotations/23.1.1/support-annotations-23.1.1.jar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.github.chrisbanes.photoview/library/1.2.3/208ab4f80277a819e7694c87f84fe3135d5563c8/library-1.2.3.aar" />
+                            <option value="$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.r0adkll/slidableactivity/2.0.4/3f5a574399db62f70725f6ccb6ee1f4d445ab6b5/slidableactivity-2.0.4.aar" />
                           </list>
                         </option>
                         <option name="path" value="$PROJECT_DIR$/library" />
@@ -2595,30 +2693,13 @@
   <component name="IdeDocumentHistory">
     <option name="CHANGED_PATHS">
       <list>
-        <option value="$PROJECT_DIR$/library/src/main/res/layout/render_type_default.xml" />
-        <option value="$PROJECT_DIR$/library/src/main/res/values/attrs.xml" />
-        <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Layouts/MaterialRippleLayout.java" />
-        <option value="$PROJECT_DIR$/library/src/main/res/layout/compact_2_images.xml" />
-        <option value="$PROJECT_DIR$/library/src/main/res/layout/compact_3_images.xml" />
-        <option value="$PROJECT_DIR$/library/src/main/res/layout/compact_4_images.xml" />
-        <option value="$PROJECT_DIR$/AppDemo/src/main/res/values/strings.xml" />
-        <option value="$PROJECT_DIR$/AppDemo/src/main/res/menu/main.xml" />
-        <option value="$PROJECT_DIR$/library/src/main/res/layout/compact_frame_2.xml" />
-        <option value="$PROJECT_DIR$/library/src/main/res/layout/compact_frame_3.xml" />
-        <option value="$PROJECT_DIR$/library/src/main/res/values/color.xml" />
         <option value="$PROJECT_DIR$/library/src/main/res/drawable/shadow_hb_professional.xml" />
         <option value="$PROJECT_DIR$/library/src/main/res/layout/hb_feature_slide.xml" />
-        <option value="$PROJECT_DIR$/library/src/main/res/values/ids.xml" />
-        <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/BaseSliderView.java" />
-        <option value="$PROJECT_DIR$/library/build.gradle" />
-        <option value="$PROJECT_DIR$/AppDemo/build.gradle" />
         <option value="$PROJECT_DIR$/build.gradle" />
         <option value="$PROJECT_DIR$/library/src/main/res/layout/compact_frame_4.xml" />
         <option value="$PROJECT_DIR$/library/src/main/res/layout/hb_feature_slide_ripple.xml" />
-        <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderLayout.java" />
         <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Animations/BaseAnimationInterface.java" />
         <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Animations/DescriptionAnimation.java" />
-        <option value="$PROJECT_DIR$/AppDemo/src/main/AndroidManifest.xml" />
         <option value="$PROJECT_DIR$/AppDemo/src/main/res/values-v19/styles.xml" />
         <option value="$PROJECT_DIR$/AppDemo/src/main/res/values/styles.xml" />
         <option value="$PROJECT_DIR$/AppDemo/src/main/res/layout/full_scn.xml" />
@@ -2628,12 +2709,41 @@
         <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/CompactFrameSliderView.java" />
         <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/CompactSliderView.java" />
         <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/LoyalUtil.java" />
-        <option value="$PROJECT_DIR$/gradle.properties" />
         <option value="$PROJECT_DIR$/AppDemo/src/main/res/values/colors.xml" />
-        <option value="$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/MainActivity.java" />
-        <option value="$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/BigScreenDemo.java" />
         <option value="$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/MultSections.java" />
+        <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Intents/ZoomableSingle.java" />
+        <option value="$PROJECT_DIR$/library/src/main/res/values/dimen.xml" />
+        <option value="$PROJECT_DIR$/library/src/main/res/drawable/shadow_upward.xml" />
+        <option value="$PROJECT_DIR$/library/src/main/res/values/ids.xml" />
+        <option value="$PROJECT_DIR$/library/src/main/res/layout/content_slider_single.xml" />
+        <option value="$PROJECT_DIR$/library/src/main/res/values/color.xml" />
+        <option value="$PROJECT_DIR$/library/src/main/res/layout/content_zoomble_slider_frame.xml" />
+        <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Intents/ZoomableSliderFragmentPage.java" />
+        <option value="$PROJECT_DIR$/library/src/main/res/values/styles.xml" />
+        <option value="$PROJECT_DIR$/library/src/main/res/layout/content_zoomable_slide.xml" />
+        <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Intents/ZoomSlidingActivity.java" />
+        <option value="$PROJECT_DIR$/AppDemo/src/main/AndroidManifest.xml" />
+        <option value="$PROJECT_DIR$/AppDemo/src/main/res/layout/b_slider.xml" />
+        <option value="$PROJECT_DIR$/library/src/main/res/values/attrs.xml" />
+        <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/BaseSliderView.java" />
+        <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Intents/ZoomableSlidingViewPagerPicasso.java" />
+        <option value="$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/ZoomScreenSlider.java" />
+        <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/NewFeedArticleView.java" />
         <option value="$PROJECT_DIR$/README.md" />
+        <option value="$PROJECT_DIR$/library/src/main/res/layout/news_article_sample.xml" />
+        <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/ZoomableView.java" />
+        <option value="$PROJECT_DIR$/library/build.gradle" />
+        <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderLayout.java" />
+        <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Intents/ZoomablePicassoSwippable.java" />
+        <option value="$PROJECT_DIR$/gradle.properties" />
+        <option value="$PROJECT_DIR$/AppDemo/build.gradle" />
+        <option value="$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/NewsFeedArticleView.java" />
+        <option value="$PROJECT_DIR$/AppDemo/src/main/res/layout/news_feed_item.xml" />
+        <option value="$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/modules/Feed.java" />
+        <option value="$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/BigScreenDemo.java" />
+        <option value="$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/NewsArticle.java" />
+        <option value="$PROJECT_DIR$/AppDemo/src/main/res/menu/main.xml" />
+        <option value="$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/MainActivity.java" />
       </list>
     </option>
   </component>
@@ -2648,10 +2758,10 @@
     <order />
   </component>
   <component name="ProjectFrameBounds">
-    <option name="x" value="85" />
-    <option name="y" value="27" />
-    <option name="width" value="1367" />
-    <option name="height" value="919" />
+    <option name="x" value="48" />
+    <option name="y" value="23" />
+    <option name="width" value="1561" />
+    <option name="height" value="990" />
   </component>
   <component name="ProjectLevelVcsManager" settingsEditedManually="false">
     <OptionsSetting value="true" id="Add" />
@@ -2676,6 +2786,26 @@
       <sortByType />
     </navigator>
     <panes>
+      <pane id="ProjectPane">
+        <subPane>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="LoyalNativeSlider" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+          </PATH>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="LoyalNativeSlider" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="LoyalNativeSlider" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+          </PATH>
+        </subPane>
+      </pane>
       <pane id="Scope" />
       <pane id="AndroidView">
         <subPane>
@@ -2816,110 +2946,6 @@
         </subPane>
       </pane>
       <pane id="Scratches" />
-      <pane id="ProjectPane">
-        <subPane>
-          <PATH>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="LoyalNativeSlider" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
-            </PATH_ELEMENT>
-          </PATH>
-          <PATH>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="LoyalNativeSlider" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="LoyalNativeSlider" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-          </PATH>
-          <PATH>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="LoyalNativeSlider" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="LoyalNativeSlider" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="AppDemo" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-          </PATH>
-          <PATH>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="LoyalNativeSlider" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="LoyalNativeSlider" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="AppDemo" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="src" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="main" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-          </PATH>
-          <PATH>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="LoyalNativeSlider" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="LoyalNativeSlider" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="AppDemo" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="src" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="main" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="java" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="sliderdemo" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-          </PATH>
-          <PATH>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="LoyalNativeSlider" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="LoyalNativeSlider" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="AppDemo" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="src" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-          </PATH>
-        </subPane>
-      </pane>
       <pane id="PackagesPane" />
     </panes>
   </component>
@@ -2941,7 +2967,7 @@
     <property name="recentsLimit" value="5" />
     <property name="OverrideImplement.combined" value="true" />
     <property name="OverrideImplement.overriding.sorted" value="false" />
-    <property name="ANDROID_EXTENDED_DEVICE_CHOOSER_SERIALS" value="CVH7N15A31000733" />
+    <property name="ANDROID_EXTENDED_DEVICE_CHOOSER_SERIALS" value="61da83ec" />
     <property name="ANDROID_EXTENDED_DEVICE_CHOOSER_AVD" value="Nexus_5_API_21_x86" />
   </component>
   <component name="RecentsManager">
@@ -2952,7 +2978,7 @@
       <recent name="$PROJECT_DIR$/library/src/main/res/layout" />
     </key>
   </component>
-  <component name="RunManager" selected="Android Application.AppDemo">
+  <component name="RunManager" selected="Gradle.LoyalNativeSlider:library [bintrayUpload]">
     <configuration default="false" name="LoyalNativeSlider [bintrayUpload]" type="GradleRunConfiguration" factoryName="Gradle" temporary="true">
       <ExternalSystemSettings>
         <option name="executionName" />
@@ -3265,462 +3291,560 @@
     <servers />
   </component>
   <component name="ToolWindowManager">
-    <frame x="85" y="27" width="1367" height="919" extended-state="0" />
+    <frame x="48" y="23" width="1561" height="990" extended-state="0" />
     <editor active="false" />
     <layout>
       <window_info id="Palette&#9;" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="Designer" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="Preview" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
-      <window_info id="Android Model" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.3299866" sideWeight="0.5" order="3" side_tool="true" content_ui="tabs" />
+      <window_info id="Android Model" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.359447" sideWeight="0.50628364" order="3" side_tool="true" content_ui="tabs" />
       <window_info id="Capture Analysis" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
-      <window_info id="Android Monitor" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="FLOATING" visible="true" weight="0.67659575" sideWeight="0.49598393" order="7" side_tool="false" content_ui="tabs" x="-1888" y="44" width="1381" height="1013" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.32873276" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Android Monitor" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="FLOATING" visible="false" weight="0.67659575" sideWeight="0.49598393" order="7" side_tool="false" content_ui="tabs" x="-1888" y="44" width="1381" height="1013" />
       <window_info id="Captures" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
-      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.3412204" sideWeight="0.49173555" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.3400251" sideWeight="0.49173555" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
-      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.34148937" sideWeight="0.5082645" order="7" side_tool="true" content_ui="tabs" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.3412798" sideWeight="0.5082645" order="7" side_tool="true" content_ui="tabs" />
       <window_info id="Capture Tool" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
       <window_info id="Gradle Console" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
-      <window_info id="Build Variants" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
-      <window_info id="Messages" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.3275218" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
-      <window_info id="Gradle" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.32830188" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="Build Variants" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.23798077" sideWeight="0.5043915" order="2" side_tool="true" content_ui="tabs" />
+      <window_info id="Messages" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.39899623" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
+      <window_info id="Gradle" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.359447" sideWeight="0.49371633" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
       <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.24084778" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Maven Projects" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Application Servers" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
-      <window_info id="Project" active="true" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" weight="0.23849057" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
-      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.39787233" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.16984859" sideWeight="0.49560854" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.36270022" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
       <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
-      <window_info id="Preview" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
-      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.32978722" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="SLIDING" type="SLIDING" visible="false" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
       <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
     </layout>
+    <layout-to-restore>
+      <window_info id="Palette&#9;" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Android Monitor" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="FLOATING" visible="false" weight="0.67659575" sideWeight="0.49598393" order="7" side_tool="false" content_ui="tabs" x="-1888" y="44" width="1381" height="1013" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.34148937" sideWeight="0.5082645" order="8" side_tool="true" content_ui="tabs" />
+      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="9" side_tool="false" content_ui="tabs" />
+      <window_info id="Gradle Console" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="10" side_tool="true" content_ui="tabs" />
+      <window_info id="Build Variants" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="3" side_tool="true" content_ui="tabs" />
+      <window_info id="Gradle" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.32830188" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+      <window_info id="Application Servers" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="11" side_tool="false" content_ui="tabs" />
+      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" weight="0.1923077" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.39787233" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
+      <window_info id="Designer" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
+      <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Capture Analysis" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="8" side_tool="false" content_ui="tabs" />
+      <window_info id="Android Model" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.3299866" sideWeight="0.5" order="5" side_tool="true" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="12" side_tool="false" content_ui="tabs" />
+      <window_info id="Preview" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.32873276" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Captures" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.3412204" sideWeight="0.49173555" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="5" side_tool="true" content_ui="tabs" />
+      <window_info id="Capture Tool" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+      <window_info id="Messages" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.32747805" sideWeight="0.5" order="13" side_tool="false" content_ui="tabs" />
+      <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.24084778" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="SLIDING" type="SLIDING" visible="false" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Maven Projects" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
+      <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+    </layout-to-restore>
   </component>
   <component name="VcsContentAnnotationSettings">
     <option name="myLimit" value="2678400000" />
   </component>
   <component name="XDebuggerManager">
     <breakpoint-manager>
-      <breakpoints>
-        <line-breakpoint enabled="true" type="java-line">
-          <url>file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderAdapter.java</url>
-          <line>101</line>
-          <properties />
-          <option name="timeStamp" value="192" />
-        </line-breakpoint>
-        <line-breakpoint enabled="true" type="java-line">
-          <url>file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderAdapter.java</url>
-          <line>103</line>
-          <properties />
-          <option name="timeStamp" value="193" />
-        </line-breakpoint>
-        <line-breakpoint enabled="true" type="java-line">
-          <url>file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderAdapter.java</url>
-          <line>104</line>
-          <properties />
-          <option name="timeStamp" value="194" />
-        </line-breakpoint>
-        <line-breakpoint enabled="true" type="java-line">
-          <url>file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderAdapter.java</url>
-          <line>102</line>
-          <properties />
-          <option name="timeStamp" value="195" />
-        </line-breakpoint>
-      </breakpoints>
-      <option name="time" value="221" />
+      <option name="time" value="232" />
     </breakpoint-manager>
     <watches-manager />
   </component>
   <component name="editorHistoryManager">
-    <entry file="file://$USER_HOME$/Library/Android/sdk/sources/android-22/android/view/View.java">
+    <entry file="file://$PROJECT_DIR$/library/src/main/res/values/ids.xml">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.1672556">
-          <caret line="20047" column="21" selection-start-line="20047" selection-start-column="21" selection-end-line="20047" selection-end-column="21" />
+        <state vertical-scroll-proportion="0.8049415">
+          <caret line="36" column="53" selection-start-line="36" selection-start-column="12" selection-end-line="36" selection-end-column="12" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/build.gradle">
+    <entry file="file://$PROJECT_DIR$/library/src/main/res/values/dimen.xml">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.7656066">
-          <caret line="26" column="48" selection-start-line="26" selection-start-column="48" selection-end-line="26" selection-end-column="48" />
+        <state vertical-scroll-proportion="0.0650195">
+          <caret line="2" column="49" selection-start-line="2" selection-start-column="49" selection-end-line="2" selection-end-column="49" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/AppDemo/build.gradle">
+    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Tricks/MultiViewPager.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.0">
-          <caret line="3" column="24" selection-start-line="3" selection-start-column="24" selection-end-line="3" selection-end-column="24" />
+        <state vertical-scroll-proportion="-1.0728219">
+          <caret line="10" column="45" selection-start-line="10" selection-start-column="30" selection-end-line="10" selection-end-column="30" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/res/layout/defaultnumberindicator.xml">
+    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Tricks/InfiniteViewPager.java">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.2925878">
+          <caret line="13" column="13" selection-start-line="13" selection-start-column="13" selection-end-line="13" selection-end-column="13" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/library/src/main/res/layout/slider_layout.xml">
       <provider editor-type-id="android-designer">
         <state />
       </provider>
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.3113879">
-          <caret line="7" column="25" selection-start-line="7" selection-start-column="25" selection-end-line="7" selection-end-column="25" />
+        <state vertical-scroll-proportion="0.4054054">
+          <caret line="12" column="50" selection-start-line="12" selection-start-column="25" selection-end-line="12" selection-end-column="50" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/res/layout/compact_frame_3.xml">
+    <entry file="file://$PROJECT_DIR$/library/src/main/res/layout/hb_feature_slide_ripple.xml">
       <provider editor-type-id="android-designer">
         <state />
       </provider>
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="-4.160714">
-          <caret line="11" column="20" selection-start-line="11" selection-start-column="9" selection-end-line="11" selection-end-column="20" />
+        <state vertical-scroll-proportion="0.777027">
+          <caret line="23" column="27" selection-start-line="23" selection-start-column="22" selection-end-line="23" selection-end-column="22" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/res/layout/compact_frame_4.xml">
+    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderAdapter.java">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="9" column="147" selection-start-line="9" selection-start-column="27" selection-end-line="9" selection-end-column="27" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/library/src/main/res/layout/hb_feature_slide.xml">
       <provider editor-type-id="android-designer">
         <state />
       </provider>
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="-9.035714">
-          <caret line="28" column="41" selection-start-line="28" selection-start-column="41" selection-end-line="28" selection-end-column="41" />
+        <state vertical-scroll-proportion="0.8986486">
+          <caret line="39" column="36" selection-start-line="39" selection-start-column="36" selection-end-line="39" selection-end-column="36" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/res/layout/hb_feature_slide_ripple.xml">
+    <entry file="file://$PROJECT_DIR$/library/src/main/res/layout/content_zoomable_slide.xml">
       <provider editor-type-id="android-designer">
         <state />
       </provider>
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.2355606">
-          <caret line="29" column="45" selection-start-line="29" selection-start-column="32" selection-end-line="29" selection-end-column="45" />
+        <state vertical-scroll-proportion="0.3581081">
+          <caret line="39" column="78" selection-start-line="39" selection-start-column="32" selection-end-line="39" selection-end-column="32" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/build.gradle">
+    <entry file="file://$PROJECT_DIR$/library/src/main/res/layout/indicator_layout.xml">
+      <provider editor-type-id="android-designer">
+        <state />
+      </provider>
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.24671052">
-          <caret line="9" column="53" selection-start-line="9" selection-start-column="53" selection-end-line="9" selection-end-column="53" />
+        <state vertical-scroll-proportion="-4.3103447">
+          <caret line="5" column="85" selection-start-line="5" selection-start-column="41" selection-end-line="5" selection-end-column="41" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/res/layout/hb_feature_slide.xml">
-      <provider editor-type-id="android-designer">
-        <state />
+    <entry file="file://$PROJECT_DIR$/library/build/intermediates/exploded-aar/com.r0adkll/slidableactivity/2.0.4/res/values/values.xml">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.16846362">
+          <caret line="4" column="16" selection-start-line="4" selection-start-column="16" selection-end-line="4" selection-end-column="16" />
+          <folding />
+        </state>
       </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/library/src/main/res/values/styles.xml">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.26051402">
-          <caret line="18" column="37" selection-start-line="18" selection-start-column="24" selection-end-line="18" selection-end-column="37" />
+        <state vertical-scroll-proportion="-18.222221">
+          <caret line="65" column="30" selection-start-line="65" selection-start-column="17" selection-end-line="65" selection-end-column="30" />
+          <folding />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Tricks/ViewPagerEx.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.33840948">
-          <caret line="1779" column="0" selection-start-line="1779" selection-start-column="0" selection-end-line="1779" selection-end-column="0" />
+        <state vertical-scroll-proportion="0.33289987">
+          <caret line="82" column="13" selection-start-line="82" selection-start-column="13" selection-end-line="82" selection-end-column="13" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Transformers/BaseTransformer.java">
+    <entry file="jar://$USER_HOME$/Library/Android/sdk/extras/android/m2repository/com/android/support/appcompat-v7/23.0.0/appcompat-v7-23.0.0-sources.jar!/android/support/v7/app/AppCompatActivity.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.36886632">
-          <caret line="133" column="0" selection-start-line="133" selection-start-column="0" selection-end-line="133" selection-end-column="0" />
+        <state vertical-scroll-proportion="-0.260078">
+          <caret line="51" column="13" selection-start-line="51" selection-start-column="13" selection-end-line="51" selection-end-column="13" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/res/values/ids.xml">
+    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/AndroidManifest.xml">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.42301184">
-          <caret line="10" column="16" selection-start-line="10" selection-start-column="16" selection-end-line="10" selection-end-column="16" />
+        <state vertical-scroll-proportion="0.71521455">
+          <caret line="23" column="37" selection-start-line="23" selection-start-column="37" selection-end-line="23" selection-end-column="37" />
+          <folding>
+            <element signature="e#407#425#0" expanded="true" />
+          </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderLayout.java">
+    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/res/layout/vertical_slider.xml">
+      <provider editor-type-id="android-designer">
+        <state />
+      </provider>
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="-12.62963">
-          <caret line="635" column="8" selection-start-line="635" selection-start-column="8" selection-end-line="635" selection-end-column="8" />
+        <state vertical-scroll-proportion="0.6756757">
+          <caret line="20" column="18" selection-start-line="0" selection-start-column="0" selection-end-line="70" selection-end-column="0" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/res/layout/compact_frame_2.xml">
+    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/res/layout/b_slider.xml">
       <provider editor-type-id="android-designer">
         <state />
       </provider>
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="-10.344828">
-          <caret line="12" column="43" selection-start-line="12" selection-start-column="28" selection-end-line="12" selection-end-column="43" />
+        <state vertical-scroll-proportion="-3.9655173">
+          <caret line="14" column="34" selection-start-line="14" selection-start-column="34" selection-end-line="14" selection-end-column="34" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/Util/ChildAnimationExample.java">
+    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Tricks/InfinitePagerAdapter.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.0">
-          <caret line="9" column="46" selection-start-line="9" selection-start-column="46" selection-end-line="9" selection-end-column="46" />
+        <state vertical-scroll-proportion="0.33289987">
+          <caret line="21" column="11" selection-start-line="21" selection-start-column="11" selection-end-line="21" selection-end-column="11" />
+          <folding>
+            <element signature="e#642#643#0" expanded="true" />
+            <element signature="e#680#681#0" expanded="true" />
+          </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$USER_HOME$/Library/Android/sdk/sources/android-23/android/view/animation/DecelerateInterpolator.java">
+    <entry file="file://$PROJECT_DIR$/library/src/main/res/values/attrs.xml">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.63048244">
-          <caret line="46" column="11" selection-start-line="46" selection-start-column="11" selection-end-line="46" selection-end-column="11" />
+        <state vertical-scroll-proportion="0.5279584">
+          <caret line="55" column="0" selection-start-line="55" selection-start-column="0" selection-end-line="55" selection-end-column="0" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$USER_HOME$/Library/Android/sdk/sources/android-23/android/view/animation/BounceInterpolator.java">
+    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/CompactSliderView.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.2741228">
-          <caret line="29" column="56" selection-start-line="29" selection-start-column="40" selection-end-line="29" selection-end-column="56" />
+        <state vertical-scroll-proportion="0.6723017">
+          <caret line="79" column="0" selection-start-line="79" selection-start-column="0" selection-end-line="83" selection-end-column="26" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$USER_HOME$/Library/Android/sdk/sources/android-23/android/animation/ValueAnimator.java">
+    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/CompactFrameSliderView.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.0">
-          <caret line="1001" column="48" selection-start-line="1001" selection-start-column="32" selection-end-line="1001" selection-end-column="48" />
+        <state vertical-scroll-proportion="-0.74512357">
+          <caret line="205" column="0" selection-start-line="205" selection-start-column="0" selection-end-line="205" selection-end-column="0" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Animations/BaseAnimationInterface.java">
+    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/DefaultSliderView.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="-25.37037">
-          <caret line="48" column="25" selection-start-line="48" selection-start-column="9" selection-end-line="48" selection-end-column="25" />
+        <state vertical-scroll-proportion="0.48764628">
+          <caret line="20" column="27" selection-start-line="20" selection-start-column="27" selection-end-line="20" selection-end-column="27" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Animations/DescriptionAnimation.java">
+    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/ZoomScreenSlider.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="4.780034">
-          <caret line="137" column="0" selection-start-line="137" selection-start-column="0" selection-end-line="137" selection-end-column="0" />
+        <state vertical-scroll-proportion="0.0">
+          <caret line="25" column="53" selection-start-line="25" selection-start-column="46" selection-end-line="25" selection-end-column="46" />
+          <folding>
+            <element signature="imports" expanded="true" />
+          </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/AndroidManifest.xml">
+    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/Util/DataProvider.java">
       <provider selected="true" editor-type-id="text-editor">
         <state vertical-scroll-proportion="0.0">
-          <caret line="24" column="36" selection-start-line="24" selection-start-column="36" selection-end-line="24" selection-end-column="36" />
+          <caret line="9" column="13" selection-start-line="9" selection-start-column="13" selection-end-line="9" selection-end-column="13" />
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/res/values/styles.xml">
+    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/modules/NumZero.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="-7.4074073">
-          <caret line="8" column="0" selection-start-line="8" selection-start-column="0" selection-end-line="8" selection-end-column="0" />
+        <state vertical-scroll-proportion="0.22756827">
+          <caret line="11" column="13" selection-start-line="11" selection-start-column="13" selection-end-line="11" selection-end-column="13" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/res/values-v19/styles.xml">
+    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/modules/CustomNumberView.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="-4.6296296">
-          <caret line="5" column="12" selection-start-line="5" selection-start-column="12" selection-end-line="5" selection-end-column="12" />
+        <state vertical-scroll-proportion="0.19505852">
+          <caret line="11" column="21" selection-start-line="11" selection-start-column="3" selection-end-line="11" selection-end-column="3" />
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/res/layout/activity_main.xml">
-      <provider editor-type-id="android-designer">
-        <state />
-      </provider>
+    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/BaseSliderView.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.22650057">
-          <caret line="34" column="38" selection-start-line="0" selection-start-column="0" selection-end-line="69" selection-end-column="0" />
+        <state vertical-scroll-proportion="-2.023407">
+          <caret line="297" column="19" selection-start-line="297" selection-start-column="19" selection-end-line="297" selection-end-column="19" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/res/layout/feature_banner_slide.xml">
-      <provider editor-type-id="android-designer">
-        <state />
-      </provider>
+    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/AdvancedTextSliderView.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.0">
-          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+        <state vertical-scroll-proportion="0.5851756">
+          <caret line="26" column="14" selection-start-line="26" selection-start-column="14" selection-end-line="26" selection-end-column="14" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/res/layout/full_scn.xml">
-      <provider editor-type-id="android-designer">
-        <state />
-      </provider>
+    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/TextSliderView.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.15062287">
-          <caret line="11" column="0" selection-start-line="11" selection-start-column="0" selection-end-line="11" selection-end-column="0" />
+        <state vertical-scroll-proportion="0.22756827">
+          <caret line="11" column="49" selection-start-line="11" selection-start-column="49" selection-end-line="11" selection-end-column="49" />
+          <folding>
+            <element signature="e#343#344#0" expanded="true" />
+            <element signature="e#373#374#0" expanded="true" />
+            <element signature="e#435#436#0" expanded="true" />
+            <element signature="e#483#484#0" expanded="true" />
+          </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/res/mipmap-xxhdpi/ns_left_arrow.png">
-      <provider selected="true" editor-type-id="images">
-        <state />
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/res/mipmap-xxhdpi/ns_right_arrow.png">
-      <provider selected="true" editor-type-id="images">
+    <entry file="file://$PROJECT_DIR$/library/src/main/res/layout/content_zoomble_slider_frame.xml">
+      <provider editor-type-id="android-designer">
         <state />
       </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/scripts/do.sh">
-      <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.028248588">
-          <caret line="1" column="75" selection-start-line="1" selection-start-column="75" selection-end-line="1" selection-end-column="75" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/scripts/maven.sh">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.028248588">
-          <caret line="1" column="23" selection-start-line="1" selection-start-column="23" selection-end-line="1" selection-end-column="23" />
+        <state vertical-scroll-proportion="0.16891892">
+          <caret line="5" column="57" selection-start-line="5" selection-start-column="44" selection-end-line="5" selection-end-column="44" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/.travis.yml">
+    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/ZoomableView.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.2259887">
-          <caret line="8" column="27" selection-start-line="8" selection-start-column="4" selection-end-line="8" selection-end-column="4" />
+        <state vertical-scroll-proportion="1.4954486">
+          <caret line="70" column="35" selection-start-line="70" selection-start-column="35" selection-end-line="70" selection-end-column="35" />
+          <folding>
+            <element signature="imports" expanded="true" />
+          </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/gradlew">
+    <entry file="file://$PROJECT_DIR$/library/library.iml">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="-3.0844297">
+        <state vertical-scroll-proportion="0.0">
           <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Layouts/MaterialRippleLayout.java">
+    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderLayout.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.80372804">
-          <caret line="176" column="0" selection-start-line="176" selection-start-column="0" selection-end-line="176" selection-end-column="0" />
+        <state vertical-scroll-proportion="-4.388817">
+          <caret line="269" column="24" selection-start-line="269" selection-start-column="24" selection-end-line="269" selection-end-column="24" />
+          <folding>
+            <element signature="imports" expanded="true" />
+            <element signature="e#6998#7240#0" expanded="true" />
+            <element signature="e#7239#7240#0" expanded="true" />
+            <element signature="e#7711#7987#0" expanded="true" />
+            <element signature="e#7986#7987#0" expanded="true" />
+            <element signature="e#8034#8310#0" expanded="true" />
+            <element signature="e#8309#8310#0" expanded="true" />
+            <element signature="e#8996#9422#0" expanded="true" />
+            <element signature="e#9421#9422#0" expanded="true" />
+            <element signature="e#13373#13555#0" expanded="true" />
+            <element signature="e#13554#13555#0" expanded="true" />
+            <element signature="e#14302#14437#0" expanded="true" />
+            <element signature="e#14436#14437#0" expanded="true" />
+            <element signature="e#16590#16739#0" expanded="true" />
+            <element signature="e#16738#16739#0" expanded="true" />
+          </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/res/values/strings.xml">
+    <entry file="file://$PROJECT_DIR$/gradle.properties">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.6497175">
-          <caret line="20" column="18" selection-start-line="20" selection-start-column="18" selection-end-line="20" selection-end-column="18" />
+        <state vertical-scroll-proportion="0.19505852">
+          <caret line="5" column="125" selection-start-line="5" selection-start-column="125" selection-end-line="5" selection-end-column="125" />
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderAdapter.java">
+    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/Intents/ZoomablePicassoSwippable.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.40778342">
-          <caret line="102" column="0" selection-start-line="102" selection-start-column="0" selection-end-line="103" selection-end-column="0" />
-          <folding />
+        <state vertical-scroll-proportion="0.051212937">
+          <caret line="86" column="29" selection-start-line="86" selection-start-column="29" selection-end-line="86" selection-end-column="29" />
+          <folding>
+            <element signature="imports" expanded="true" />
+            <element signature="e#3681#3823#0" expanded="true" />
+            <element signature="e#3822#3823#0" expanded="true" />
+          </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/BaseSliderView.java">
+    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/NewsFeedArticleView.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.33333334">
-          <caret line="232" column="30" selection-start-line="232" selection-start-column="8" selection-end-line="232" selection-end-column="30" />
+        <state vertical-scroll-proportion="0.3172952">
+          <caret line="11" column="39" selection-start-line="11" selection-start-column="3" selection-end-line="11" selection-end-column="3" />
+          <folding>
+            <element signature="imports" expanded="true" />
+          </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/CompactFrameSliderView.java">
+    <entry file="jar://$USER_HOME$/.gradle/caches/modules-2/files-2.1/com.hkm.ezwebview/library/1.2.0/5d1221c24bd0975cfeeac6d3aea82cb4ca98f970/library-1.2.0-sources.jar!/com/hkm/ezwebview/Util/Fx9C.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.55496454">
-          <caret line="205" column="0" selection-start-line="205" selection-start-column="0" selection-end-line="205" selection-end-column="0" />
+        <state vertical-scroll-proportion="0.0">
+          <caret line="77" column="27" selection-start-line="77" selection-start-column="27" selection-end-line="77" selection-end-column="27" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/SliderTypes/CompactSliderView.java">
+    <entry file="jar://$PROJECT_DIR$/AppDemo/build/intermediates/exploded-aar/com.hb/sdklibrary/0.5.7/jars/classes.jar!/com/hypebeast/sdk/api/resources/hypebeast/feedhost.class">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.24873096">
-          <caret line="125" column="5" selection-start-line="125" selection-start-column="5" selection-end-line="125" selection-end-column="5" />
+        <state vertical-scroll-proportion="0.056603774">
+          <caret line="25" column="37" selection-start-line="25" selection-start-column="37" selection-end-line="25" selection-end-column="37" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/CapturePhotoUtils.java">
+    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/res/menu/main.xml">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.33840948">
-          <caret line="31" column="13" selection-start-line="31" selection-start-column="13" selection-end-line="31" selection-end-column="13" />
+        <state vertical-scroll-proportion="0.70741224">
+          <caret line="53" column="33" selection-start-line="53" selection-start-column="25" selection-end-line="53" selection-end-column="33" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$USER_HOME$/Library/Android/sdk/sources/android-23/android/widget/Toast.java">
+    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/modules/Feed.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.33333334">
-          <caret line="257" column="24" selection-start-line="257" selection-start-column="24" selection-end-line="257" selection-end-column="24" />
+        <state vertical-scroll-proportion="0.8374512">
+          <caret line="59" column="30" selection-start-line="59" selection-start-column="30" selection-end-line="59" selection-end-column="30" />
+          <folding>
+            <element signature="imports" expanded="true" />
+            <element signature="e#1003#1004#0" expanded="true" />
+            <element signature="e#1049#1050#0" expanded="true" />
+            <element signature="e#2187#2393#0" expanded="true" />
+            <element signature="e#2392#2393#0" expanded="true" />
+            <element signature="e#2578#2579#0" expanded="true" />
+            <element signature="e#2625#2626#0" expanded="true" />
+          </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/TransformerL.java">
+    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/res/layout/news_feed_item.xml">
+      <provider editor-type-id="android-designer">
+        <state />
+      </provider>
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.67681897">
-          <caret line="38" column="14" selection-start-line="38" selection-start-column="14" selection-end-line="38" selection-end-column="14" />
+        <state vertical-scroll-proportion="0.2027027">
+          <caret line="6" column="51" selection-start-line="6" selection-start-column="24" selection-end-line="6" selection-end-column="51" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/library/src/main/java/com/hkm/slider/LoyalUtil.java">
+    <entry file="file://$PROJECT_DIR$/AppDemo/build.gradle">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.46531302">
-          <caret line="11" column="52" selection-start-line="11" selection-start-column="52" selection-end-line="11" selection-end-column="52" />
+        <state vertical-scroll-proportion="0.7737321">
+          <caret line="33" column="45" selection-start-line="33" selection-start-column="45" selection-end-line="33" selection-end-column="45" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/gradle.properties">
+    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/BaseApp.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.08460237">
-          <caret line="2" column="15" selection-start-line="2" selection-start-column="15" selection-end-line="2" selection-end-column="15" />
+        <state vertical-scroll-proportion="0.97529256">
+          <caret line="38" column="61" selection-start-line="38" selection-start-column="0" selection-end-line="38" selection-end-column="0" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/scn/device-2015-06-17-150829.png">
-      <provider selected="true" editor-type-id="images">
-        <state />
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/scn/WW_PhoneKOT49Hhesk11262015103406.png">
-      <provider selected="true" editor-type-id="images">
-        <state />
+    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/BigScreenDemo.java">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0">
+          <caret line="33" column="23" selection-start-line="33" selection-start-column="0" selection-end-line="33" selection-end-column="0" />
+          <folding />
+        </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/res/values/colors.xml">
+    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/MainActivity.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.249501">
-          <caret line="5" column="15" selection-start-line="5" selection-start-column="15" selection-end-line="5" selection-end-column="15" />
+        <state vertical-scroll-proportion="0.0">
+          <caret line="170" column="25" selection-start-line="170" selection-start-column="0" selection-end-line="170" selection-end-column="0" />
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/MainActivity.java">
+    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/MultSections.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.497006">
-          <caret line="49" column="80" selection-start-line="49" selection-start-column="80" selection-end-line="49" selection-end-column="80" />
+        <state vertical-scroll-proportion="0.22756827">
+          <caret line="35" column="13" selection-start-line="35" selection-start-column="13" selection-end-line="35" selection-end-column="13" />
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/BigScreenDemo.java">
+    <entry file="jar://$PROJECT_DIR$/AppDemo/build/intermediates/exploded-aar/com.hb/sdklibrary/0.5.7/jars/classes.jar!/com/hypebeast/sdk/clients/HBEditorialClient.class">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.33133733">
-          <caret line="77" column="105" selection-start-line="77" selection-start-column="105" selection-end-line="77" selection-end-column="105" />
+        <state vertical-scroll-proportion="0.34501347">
+          <caret line="59" column="36" selection-start-line="59" selection-start-column="36" selection-end-line="59" selection-end-column="36" />
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/BaseApp.java">
+    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/NewsArticle.java">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.6047904">
-          <caret line="35" column="41" selection-start-line="35" selection-start-column="18" selection-end-line="35" selection-end-column="41" />
+        <state vertical-scroll-proportion="0.28478545">
+          <caret line="23" column="11" selection-start-line="23" selection-start-column="0" selection-end-line="23" selection-end-column="0" />
           <folding>
-            <element signature="e#1135#1136#0" expanded="true" />
-            <element signature="e#1180#1181#0" expanded="true" />
+            <element signature="imports" expanded="true" />
           </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/README.md">
+    <entry file="file://$PROJECT_DIR$/build.gradle">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.36708862">
-          <caret line="85" column="13" selection-start-line="85" selection-start-column="13" selection-end-line="85" selection-end-column="13" />
+        <state vertical-scroll-proportion="0.260078">
+          <caret line="8" column="37" selection-start-line="8" selection-start-column="37" selection-end-line="8" selection-end-column="37" />
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/AppDemo/src/main/java/com/hkm/sliderdemo/MultSections.java">
+    <entry file="file://$PROJECT_DIR$/library/build.gradle">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.28478545">
+          <caret line="10" column="41" selection-start-line="10" selection-start-column="40" selection-end-line="10" selection-end-column="40" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/README.md">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.52095807">
-          <caret line="220" column="10" selection-start-line="220" selection-start-column="0" selection-end-line="220" selection-end-column="0" />
+        <state vertical-scroll-proportion="-0.16849817">
+          <caret line="15" column="42" selection-start-line="15" selection-start-column="9" selection-end-line="15" selection-end-column="9" />
           <folding />
         </state>
       </provider>
diff --git a/AppDemo/src/main/AndroidManifest.xml b/AppDemo/src/main/AndroidManifest.xml
index 794399d..d592bf4 100644
--- a/AppDemo/src/main/AndroidManifest.xml
+++ b/AppDemo/src/main/AndroidManifest.xml
@@ -19,6 +19,9 @@
         <activity
             android:name=".BigScreenDemo"
             android:label="big screen demo" />
+        <activity
+            android:name=".ZoomScreenSlider"
+            android:label="zoom slide" />
         <activity
             android:name=".MultSections"
             android:label="m screen"
diff --git a/AppDemo/src/main/java/com/hkm/sliderdemo/BigScreenDemo.java b/AppDemo/src/main/java/com/hkm/sliderdemo/BigScreenDemo.java
index 26688c9..bc446b0 100644
--- a/AppDemo/src/main/java/com/hkm/sliderdemo/BigScreenDemo.java
+++ b/AppDemo/src/main/java/com/hkm/sliderdemo/BigScreenDemo.java
@@ -30,10 +30,14 @@
  * Created by hesk on 19/8/15.
  */
 public class BigScreenDemo extends AppCompatActivity implements BaseSliderView.OnSliderClickListener, ViewPagerEx.OnPageChangeListener {
-    private SliderLayout mDemoSlider;
+    protected SliderLayout mDemoSlider;
+
+    protected boolean shouldRequestAPIBeforeLayoutRender() {
+        return false;
+    }
 
     @TargetApi(Build.VERSION_CODES.HONEYCOMB)
-    protected void defaultCompleteSlider(final HashMap<String, String> maps) {
+    protected void defaultCompleteSlider(final SliderLayout slide, final HashMap<String, String> maps) {
         for (String name : maps.keySet()) {
             TextSliderView textSliderView = new TextSliderView(this);
             // initialize a SliderLayout
@@ -46,7 +50,7 @@ protected void defaultCompleteSlider(final HashMap<String, String> maps) {
                     .setOnSliderClickListener(this);
             //add your extra information
             textSliderView.getBundle().putString("extra", name);
-            mDemoSlider.addSlider(textSliderView);
+            slide.addSlider(textSliderView);
         }
     }
 
@@ -67,7 +71,7 @@ protected void customSliderView(final HashMap<String, Integer> maps) {
     }
 
     @SuppressLint("ResourceAsColor")
-    private void setupSlider() {
+    protected void setupSlider(final SliderLayout mDemoSlider) {
         // remember setup first
         mDemoSlider.setPresetIndicator(SliderLayout.PresetIndicators.Center_Bottom);
         //   mDemoSlider.setCustomAnimation(new DescriptionAnimation());
@@ -87,8 +91,11 @@ public void onItemClick(AdapterView<?> parent, View view, int position, long id)
                 Toast.makeText(BigScreenDemo.this, ((TextView) view).getText().toString(), Toast.LENGTH_SHORT).show();
             }
         });
-        //and data second. it is a must because you will except the data to be streamed into the pipline.
-        defaultCompleteSlider(DataProvider.getVerticalDataSrc());
+
+        if (!shouldRequestAPIBeforeLayoutRender()) {
+            //and data second. it is a must because you will except the data to be streamed into the pipline.
+            defaultCompleteSlider(mDemoSlider, DataProvider.getVerticalDataSrc());
+        }
     }
 
     /**
@@ -141,7 +148,7 @@ protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.vertical_slider);
         mDemoSlider = (SliderLayout) findViewById(R.id.slider);
-        setupSlider();
+        setupSlider(mDemoSlider);
     }
 
     @Override
diff --git a/AppDemo/src/main/java/com/hkm/sliderdemo/MainActivity.java b/AppDemo/src/main/java/com/hkm/sliderdemo/MainActivity.java
index 1ebd0cf..33da949 100644
--- a/AppDemo/src/main/java/com/hkm/sliderdemo/MainActivity.java
+++ b/AppDemo/src/main/java/com/hkm/sliderdemo/MainActivity.java
@@ -146,7 +146,6 @@ public boolean onOptionsItemSelected(MenuItem item) {
                 break;
 
 
-
             case R.id.action_restore_default:
                 mDemoSlider.setPresetIndicator(SliderLayout.PresetIndicators.Center_Bottom);
                 mDemoSlider.setCustomAnimation(new DescriptionAnimation());
@@ -170,6 +169,16 @@ public boolean onOptionsItemSelected(MenuItem item) {
                 startActivity(bigscn);
                 break;
 
+            case R.id.can_zoom:
+                Intent vg = new Intent(this, ZoomScreenSlider.class);
+                startActivity(vg);
+                break;
+
+            case R.id.newsread:
+                Intent h = new Intent(this, NewsArticle.class);
+                startActivity(h);
+                break;
+
             case R.id.action_multi_screen:
                 Intent ms = new Intent(this, MultSections.class);
                 startActivity(ms);
diff --git a/AppDemo/src/main/java/com/hkm/sliderdemo/NewsArticle.java b/AppDemo/src/main/java/com/hkm/sliderdemo/NewsArticle.java
new file mode 100644
index 0000000..06b552f
--- /dev/null
+++ b/AppDemo/src/main/java/com/hkm/sliderdemo/NewsArticle.java
@@ -0,0 +1,52 @@
+package com.hkm.sliderdemo;
+
+import com.hkm.slider.SliderLayout;
+import com.hypebeast.sdk.api.model.hbeditorial.ArticleData;
+import com.hypebeast.sdk.api.model.hbeditorial.ResponsePostW;
+import com.hypebeast.sdk.clients.HBEditorialClient;
+
+import java.util.List;
+
+import retrofit.Callback;
+import retrofit.RetrofitError;
+import retrofit.client.Response;
+
+/**
+ * Created by hesk on 15/12/15.
+ * Test of API on the news feed
+ */
+public class NewsArticle extends BigScreenDemo {
+    protected HBEditorialClient clientApi;
+
+    protected void defaultCompleteSlider(SliderLayout slide, List<ArticleData> list) {
+
+    }
+
+    protected Callback<ResponsePostW> res = new Callback<ResponsePostW>() {
+        @Override
+        public void success(ResponsePostW responsePostW, Response response) {
+            try {
+                defaultCompleteSlider(mDemoSlider, responsePostW.postList.getArticles());
+            } catch (Exception e) {
+                e.printStackTrace();
+            }
+        }
+
+        @Override
+        public void failure(RetrofitError error) {
+            error.printStackTrace();
+        }
+    };
+
+    @Override
+    protected boolean shouldRequestAPIBeforeLayoutRender() {
+        clientApi = HBEditorialClient.getInstance(this);
+        try {
+            clientApi.createFeedInterface().the_recent_page(1, res);
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+
+        return true;
+    }
+}
diff --git a/AppDemo/src/main/java/com/hkm/sliderdemo/ZoomScreenSlider.java b/AppDemo/src/main/java/com/hkm/sliderdemo/ZoomScreenSlider.java
new file mode 100644
index 0000000..92e51ee
--- /dev/null
+++ b/AppDemo/src/main/java/com/hkm/sliderdemo/ZoomScreenSlider.java
@@ -0,0 +1,39 @@
+package com.hkm.sliderdemo;
+
+import android.annotation.TargetApi;
+import android.os.Build;
+
+import com.hkm.slider.SliderLayout;
+import com.hkm.slider.SliderTypes.BaseSliderView;
+import com.hkm.slider.SliderTypes.TextSliderView;
+import com.hkm.slider.SliderTypes.ZoomableView;
+
+import java.util.HashMap;
+
+/**
+ * Created by hesk on 15/12/15.
+ */
+public class ZoomScreenSlider extends BigScreenDemo {
+
+    @TargetApi(Build.VERSION_CODES.HONEYCOMB)
+    protected void defaultCompleteSlider(final SliderLayout slide, final HashMap<String, String> maps) {
+        for (String name : maps.keySet()) {
+            ZoomableView zoomer = new ZoomableView(true, this);
+            // initialize a SliderLayout
+            zoomer
+
+                    //ZoomableView configurations
+                    .setInitalZoomFactor(1.3f)
+
+                      //BaseSlider configurations
+                    .description(name)
+                    .image(maps.get(name))
+                    .enableImageLocalStorage()
+                    .setScaleType(BaseSliderView.ScaleType.CenterInside)
+                    .setOnSliderClickListener(this);
+            //add your extra information
+            zoomer.getBundle().putString("extra", name);
+            slide.addSlider(zoomer);
+        }
+    }
+}
diff --git a/AppDemo/src/main/java/com/hkm/sliderdemo/modules/Feed.java b/AppDemo/src/main/java/com/hkm/sliderdemo/modules/Feed.java
new file mode 100644
index 0000000..d0a19cf
--- /dev/null
+++ b/AppDemo/src/main/java/com/hkm/sliderdemo/modules/Feed.java
@@ -0,0 +1,86 @@
+package com.hkm.sliderdemo.modules;
+
+import android.content.Context;
+import android.view.View;
+import android.widget.ProgressBar;
+import android.widget.RelativeLayout;
+
+import com.hkm.ezwebview.Util.Fx9C;
+import com.hkm.ezwebview.webviewleakfix.NonLeakingWebView;
+import com.hkm.slider.SliderTypes.NewsFeedArticleView;
+import com.hkm.sliderdemo.R;
+import com.hypebeast.sdk.api.model.hbeditorial.ResponsePostW;
+import com.hypebeast.sdk.api.model.hbeditorial.ResponseSingle;
+import com.hypebeast.sdk.clients.HBEditorialClient;
+
+import retrofit.Callback;
+import retrofit.RetrofitError;
+import retrofit.client.Response;
+
+/**
+ * Created by hesk on 15/12/15.
+ */
+public class Feed extends NewsFeedArticleView {
+    protected NonLeakingWebView block;
+    protected HBEditorialClient clientApi;
+    protected RelativeLayout rlout;
+
+    protected Feed(Context context) {
+        super(context);
+        clientApi = HBEditorialClient.getInstance(context);
+    }
+
+    @Override
+    protected int getLayoutHolder() {
+        return R.layout.news_feed_item;
+    }
+
+    @Override
+    protected void filter_apply_event_to_view(View root_view) {
+        rlout = (RelativeLayout) root_view.findViewById(R.id.ns_display_number_container);
+        block = (NonLeakingWebView) root_view.findViewById(R.id.wv_content_block);
+        progressBar_circle = (ProgressBar) root_view.findViewById(R.id.ns_loading_progress);
+        triggerLoading();
+    }
+
+    protected void triggerLoading() {
+        try {
+            clientApi.createAPIUniversal(getUrl()).getSingleArticle(res);
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
+
+    protected void removeLoader() {
+        if (progressBar_circle != null) {
+            progressBar_circle.animate().alpha(0.0f);
+        }
+    }
+
+    protected Callback<ResponseSingle> res = new Callback<ResponseSingle>() {
+        @Override
+        public void success(ResponseSingle responsePostW, Response response) {
+            try {
+                Fx9C.setup_content_block_wb(mContext,
+                        rlout,
+                        block,
+                        responsePostW.post.single_article_content,
+                        new Runnable() {
+                            @Override
+                            public void run() {
+                                removeLoader();
+                            }
+                        }
+                );
+            } catch (Exception e) {
+                e.printStackTrace();
+            }
+        }
+
+        @Override
+        public void failure(RetrofitError error) {
+            error.printStackTrace();
+        }
+    };
+
+}
diff --git a/AppDemo/src/main/res/layout/b_slider.xml b/AppDemo/src/main/res/layout/b_slider.xml
new file mode 100644
index 0000000..106593f
--- /dev/null
+++ b/AppDemo/src/main/res/layout/b_slider.xml
@@ -0,0 +1,71 @@
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:custom="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context="com.daimajia.slider.demo.MainActivity">
+
+    <RelativeLayout
+        android:id="@+id/sliderframe"
+        android:layout_width="match_parent"
+        android:layout_height="500dp">
+
+        <com.hkm.slider.SliderLayout
+            android:id="@+id/slider"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            custom:auto_cycle="true"
+            custom:image_button_l="@drawable/myarrowl"
+            custom:indicator_visibility="visible"
+            custom:lns_use_presentation="Numbers"
+            custom:page_type="ZOOMABLE"
+            custom:pager_animation="Default"
+            custom:pager_animation_span="1100"
+            custom:slider_side_buttons="true"
+            custom:slider_side_buttons_function_flip="true" />
+
+        <com.hkm.slider.Indicators.PagerIndicator
+            android:id="@+id/custom_indicator"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_alignParentBottom="true"
+            android:layout_centerHorizontal="true"
+            android:layout_marginBottom="20dp"
+            android:gravity="center"
+            custom:selected_color="#0095BF"
+            custom:selected_drawable="@drawable/bird"
+            custom:selected_height="6dp"
+            custom:selected_padding_left="5dp"
+            custom:selected_padding_right="5dp"
+            custom:selected_width="6dp"
+            custom:shape="oval"
+            custom:unselected_color="#55333333"
+            custom:unselected_height="6dp"
+            custom:unselected_padding_left="5dp"
+            custom:unselected_padding_right="5dp"
+            custom:unselected_width="6dp" />
+
+        <com.hkm.slider.Indicators.PagerIndicator
+            android:id="@+id/custom_indicator2"
+            style="@style/AndroidImageSlider_Corner_Oval_Orange"
+            android:layout_alignParentBottom="true"
+            android:layout_centerHorizontal="true"
+            android:layout_marginBottom="20dp" />
+    </RelativeLayout>
+
+
+    <View
+        android:id="@+id/slient"
+        android:layout_width="match_parent"
+        android:layout_height="1dp"
+        android:layout_below="@id/sliderframe"
+        android:background="@color/red_23" />
+
+    <ListView
+        android:id="@+id/transformers"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_below="@id/slient" />
+
+
+</RelativeLayout>
diff --git a/AppDemo/src/main/res/layout/news_feed_item.xml b/AppDemo/src/main/res/layout/news_feed_item.xml
new file mode 100644
index 0000000..4485ab8
--- /dev/null
+++ b/AppDemo/src/main/res/layout/news_feed_item.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <RelativeLayout
+        android:id="@id/ns_display_number_container"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <com.hkm.ezwebview.webviewleakfix.NonLeakingWebView
+            android:id="@id/wv_content_block"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent" />
+    </RelativeLayout>
+
+    <ProgressBar
+        android:id="@id/ns_loading_progress"
+        android:layout_width="60dp"
+        android:layout_height="60dp"
+        android:layout_centerInParent="true" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/AppDemo/src/main/res/menu/main.xml b/AppDemo/src/main/res/menu/main.xml
index 2c1fb51..f9108c5 100644
--- a/AppDemo/src/main/res/menu/main.xml
+++ b/AppDemo/src/main/res/menu/main.xml
@@ -39,12 +39,22 @@
         android:orderInCategory="100"
         android:title="Vertical Screen"
         app:showAsAction="never" />
+    <item
+        android:id="@+id/can_zoom"
+        android:orderInCategory="100"
+        android:title="Zoom Enabled"
+        app:showAsAction="never" />
 
     <item
         android:id="@+id/action_multi_screen"
         android:orderInCategory="100"
         android:title="Multi Screen"
         app:showAsAction="never" />
+    <item
+        android:id="@+id/newsread"
+        android:orderInCategory="100"
+        android:title="News View"
+        app:showAsAction="never" />
     <item
         android:id="@+id/action_github"
         android:orderInCategory="100"
diff --git a/README.md b/README.md
index 64cb1a2..c2a8a8d 100644
--- a/README.md
+++ b/README.md
@@ -12,6 +12,12 @@ This is an amazing image slider for the Android platform. I decided to open sour
 
 ##Features
 
+
+###v1.5.0
+- [x] Zoomable view
+- [X] news feed view
+
+
 ###v1.4.1
 - [x] Add local storage enable for picasso
 - [X] adapting multiple images in one slide config 2-4
@@ -29,7 +35,7 @@ This is an amazing image slider for the Android platform. I decided to open sour
 repositories {maven { url "http://dl.bintray.com/jjhesk/maven" }}
 
 dependencies {
-    compile 'com.hkm.loyalslider:library:1.4.1'
+    compile 'com.hkm.loyalslider:library:1.5.0'
 }
 
 ```
diff --git a/gradle.properties b/gradle.properties
index b8dc3b0..7e644ed 100644
--- a/gradle.properties
+++ b/gradle.properties
@@ -1,6 +1,6 @@
 # Project-wide Gradle settings.
-VERSION_NAME=1.4.6
-VERSION_CODE=46
+VERSION_NAME=1.5.0
+VERSION_CODE=50
 GROUP=com.hkm.loyalslider
 PUBLISH_GROUP_ID=com.hkm.loyalslider
 POM_DESCRIPTION=This is the slider for JAVA android use. Thanks to Android Image Slider. This will make it even a better one!
@@ -14,7 +14,7 @@ POM_LICENCE_DIST=repo
 POM_DEVELOPER_ID=jjhesk
 POM_DEVELOPER_NAME=jjhesk
 POM_EMAIL=hesk.kam@101medialab.com
-ANDROID_BUILD_MIN_SDK_VERSION=8
+ANDROID_BUILD_MIN_SDK_VERSION=15
 ANDROID_BUILD_TARGET_SDK_VERSION=23
 ANDROID_BUILD_SDK_VERSION=23
 ANDROID_BUILD_TOOLS_VERSION=23.0.2
diff --git a/library/build.gradle b/library/build.gradle
index 5d95fac..212beb1 100644
--- a/library/build.gradle
+++ b/library/build.gradle
@@ -22,11 +22,13 @@ android {
 
 dependencies {
     compile fileTree(dir: 'libs', include: ['*.jar'])
-    compile 'com.android.support:appcompat-v7:23.0.0'
-    compile "com.android.support:support-v4:23.0.0"
+    compile 'com.android.support:appcompat-v7:23.1.1'
+    compile "com.android.support:support-v4:23.1.1"
     compile 'com.squareup.picasso:picasso:2.5.2'
     // compile 'com.nineoldandroids:library:2.4.0'
-    compile 'com.android.support:support-annotations:23.0.0'
+    compile 'com.android.support:support-annotations:23.1.1'
+    compile 'com.github.chrisbanes.photoview:library:1.2.3'
+    compile 'com.r0adkll:slidableactivity:2.0.4'
 }
 
 //apply from: './gradle-mvn-push.gradle'
diff --git a/library/library.iml b/library/library.iml
index 87ca773..567dfb3 100644
--- a/library/library.iml
+++ b/library/library.iml
@@ -65,15 +65,16 @@
       <sourceFolder url="file://$MODULE_DIR$/src/androidTest/java" isTestSource="true" />
       <sourceFolder url="file://$MODULE_DIR$/src/androidTest/jni" isTestSource="true" />
       <sourceFolder url="file://$MODULE_DIR$/src/androidTest/rs" isTestSource="true" />
-      <excludeFolder url="file://$MODULE_DIR$/build/docs" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/annotations" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/assets" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/blame" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/bundles" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/classes" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/dependency-cache" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/exploded-aar/com.android.support/appcompat-v7/23.0.0/jars" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/exploded-aar/com.android.support/support-v4/23.0.0/jars" />
+      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/exploded-aar/com.android.support/appcompat-v7/23.1.1/jars" />
+      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/exploded-aar/com.android.support/support-v4/23.1.1/jars" />
+      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/exploded-aar/com.github.chrisbanes.photoview/library/1.2.3/jars" />
+      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/exploded-aar/com.r0adkll/slidableactivity/2.0.4/jars" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/incremental" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/jniLibs" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/lint" />
@@ -81,16 +82,16 @@
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/rs" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/symbols" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/transforms" />
-      <excludeFolder url="file://$MODULE_DIR$/build/libs" />
       <excludeFolder url="file://$MODULE_DIR$/build/outputs" />
-      <excludeFolder url="file://$MODULE_DIR$/build/publications" />
       <excludeFolder url="file://$MODULE_DIR$/build/tmp" />
     </content>
     <orderEntry type="jdk" jdkName="Android API 23 Platform" jdkType="Android SDK" />
     <orderEntry type="sourceFolder" forTests="false" />
+    <orderEntry type="library" exported="" name="support-annotations-23.1.1" level="project" />
+    <orderEntry type="library" exported="" name="support-v4-23.1.1" level="project" />
+    <orderEntry type="library" exported="" name="appcompat-v7-23.1.1" level="project" />
+    <orderEntry type="library" exported="" name="library-1.2.3" level="project" />
+    <orderEntry type="library" exported="" name="slidableactivity-2.0.4" level="project" />
     <orderEntry type="library" exported="" name="picasso-2.5.2" level="project" />
-    <orderEntry type="library" exported="" name="appcompat-v7-23.0.0" level="project" />
-    <orderEntry type="library" exported="" name="support-v4-23.0.0" level="project" />
-    <orderEntry type="library" exported="" name="support-annotations-23.0.0" level="project" />
   </component>
 </module>
\ No newline at end of file
diff --git a/library/src/main/java/com/hkm/slider/Intents/ZoomablePicassoSwippable.java b/library/src/main/java/com/hkm/slider/Intents/ZoomablePicassoSwippable.java
new file mode 100644
index 0000000..380056d
--- /dev/null
+++ b/library/src/main/java/com/hkm/slider/Intents/ZoomablePicassoSwippable.java
@@ -0,0 +1,231 @@
+package com.hkm.slider.Intents;
+
+import android.animation.LayoutTransition;
+import android.annotation.TargetApi;
+import android.content.Context;
+import android.content.Intent;
+import android.content.res.Configuration;
+import android.graphics.RectF;
+import android.os.Build;
+import android.os.Bundle;
+import android.support.v4.content.ContextCompat;
+import android.support.v7.app.AppCompatActivity;
+import android.util.Log;
+import android.view.View;
+import android.widget.Button;
+import android.widget.CheckBox;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+import android.widget.ProgressBar;
+import android.widget.TextView;
+
+import com.hkm.slider.R;
+import com.r0adkll.slidr.Slidr;
+import com.r0adkll.slidr.model.SlidrConfig;
+import com.r0adkll.slidr.model.SlidrInterface;
+import com.r0adkll.slidr.model.SlidrPosition;
+import com.squareup.picasso.Callback;
+import com.squareup.picasso.Picasso;
+
+import uk.co.senab.photoview.PhotoView;
+import uk.co.senab.photoview.PhotoViewAttacher;
+
+/**
+ * Created by hesk on 15/12/15.
+ */
+@TargetApi(Build.VERSION_CODES.JELLY_BEAN_MR1)
+public class ZoomablePicassoSwippable extends AppCompatActivity implements SlidrInterface {
+    public static final String URLKEY = "image_url_full";
+    public static final String TITLE = "title_bar_text";
+    public static final String PHOTO_TAP_TOAST_STRING = "Photo Tap! X: %.2f %% Y:%.2f %% ID: %d";
+    private static final String LOG_TAG = "image-test";
+    public static final String TAG = "ZOOMIMAGE";
+    protected PhotoView mImage;
+    protected Button mButton1;
+    protected Button mButton2;
+    protected ImageView close;
+    protected CheckBox mCheckBox;
+    protected static int displayTypeCount = 0;
+    protected PhotoViewAttacher mAttacher;
+    protected TextView mCurrMatrixTv;
+    protected TextView mCaptv;
+    protected SlidrInterface slidrInf;
+    protected LinearLayout cover;
+    protected boolean animateCloseButton = false;
+    protected Picasso picasso;
+
+    public static void startIntent(String image_single, String title, Context resContext) {
+        final Bundle b = new Bundle();
+        b.putString(URLKEY, image_single);
+        b.putString(TITLE, title);
+        final Intent i = new Intent(resContext, ZoomablePicassoSwippable.class);
+        i.putExtras(b);
+        resContext.startActivity(i);
+    }
+
+    protected SlidrConfig developSliderConfiguration() {
+        int color_p = ContextCompat.getColor(this, R.color.prim_color);
+        int color_s = ContextCompat.getColor(this, R.color.second_color);
+
+        final SlidrConfig config_slider = new SlidrConfig.Builder()
+                .primaryColor(color_p)
+                .secondaryColor(color_s)
+                .position(SlidrPosition.TOP)
+                .sensitivity(0.4f)
+                .build();
+
+        return config_slider;
+    }
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+
+        final LayoutTransition transitioner;
+
+        setContentView(R.layout.content_zoomable_slide);
+        cover = (LinearLayout) findViewById(R.id.ssz_bottom_caption);
+        close = (ImageView) findViewById(R.id.ssz_frame_close_window_button);
+
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
+            transitioner = new LayoutTransition();
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
+                transitioner.enableTransitionType(LayoutTransition.CHANGING);
+            }
+            cover.setLayoutTransition(transitioner);
+        }
+
+        slidrInf = Slidr.attach(this, developSliderConfiguration());
+        slidrInf.unlock();
+        close.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                finish();
+            }
+        });
+
+        if (getIntent().getExtras() != null) {
+            picasso = Picasso.with(this);
+            Bundle b = getIntent().getExtras();
+            onSetLayout(b.getString(URLKEY), b.getString(TITLE));
+        }
+    }
+
+    private void cover_off() {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB_MR1) {
+            cover.animate().alpha(0f);
+            if (animateCloseButton)
+                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
+                    close.animate().alpha(0f).withEndAction(new Runnable() {
+                        @Override
+                        public void run() {
+                            close.setEnabled(false);
+                        }
+                    });
+                }
+        }
+
+    }
+
+    private void cover_on() {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB_MR1) {
+            cover.animate().alpha(1f);
+            if (animateCloseButton)
+                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
+                    close.animate().alpha(1f).withEndAction(new Runnable() {
+                        @Override
+                        public void run() {
+                            close.setEnabled(true);
+                        }
+                    });
+                }
+        }
+
+    }
+
+    protected void setCaptionTextviewAdvance(final TextView caption, final String display_text) {
+        int color_i = ContextCompat.getColor(this, R.color.letterwhite);
+        caption.setTextColor(color_i);
+        caption.setText(display_text);
+    }
+
+    protected void onSetLayout(final String image_url, final String cctv) {
+        mImage = (PhotoView) findViewById(R.id.ssz_uk_co_senab_photoview);
+        mCurrMatrixTv = (TextView) findViewById(R.id.ssz_debug_textview);
+        // mCurrMatrixTv.setText(cctv);
+        mCaptv = (TextView) findViewById(R.id.ssz_caption_textview);
+        setCaptionTextviewAdvance(mCaptv, cctv);
+
+
+        final ProgressBar circle = (ProgressBar) findViewById(R.id.ns_loading_progress);
+        Log.d(LOG_TAG, "load image with url : " + image_url + " title:" + cctv);
+        picasso.load(image_url).into(mImage, new Callback() {
+            @Override
+            public void onSuccess() {
+                mAttacher = new PhotoViewAttacher(mImage);
+                mAttacher.setOnMatrixChangeListener(new MatrixChangeListener());
+                mAttacher.setOnPhotoTapListener(new PhotoTapListener());
+                circle.setVisibility(View.GONE);
+                mImage.post(new Runnable() {
+                    @Override
+                    public void run() {
+                        mAttacher.setScale(2f, mImage.getWidth() / 2, mImage.getHeight() / 2, true);
+                    }
+                });
+
+                //slidrInf.unlock();
+                mAttacher.setScale(1.5f);
+
+            }
+
+            @Override
+            public void onError() {
+                circle.setVisibility(View.GONE);
+            }
+        });
+
+
+    }
+
+    @Override
+    public void onConfigurationChanged(Configuration newConfig) {
+        super.onConfigurationChanged(newConfig);
+    }
+
+    @Override
+    public void lock() {
+        Log.d(TAG, "lock in here");
+    }
+
+    @Override
+    public void unlock() {
+        Log.d(TAG, "unlock in here");
+    }
+
+    private class PhotoTapListener implements PhotoViewAttacher.OnPhotoTapListener {
+
+        @Override
+        public void onPhotoTap(View view, float x, float y) {
+            float xPercentage = x * 100f;
+            float yPercentage = y * 100f;
+            //    Tool.trace(zoomimage.this,  String.format(PHOTO_TAP_TOAST_STRING, xPercentage, yPercentage, view == null ? 0 : view.getId()));
+        }
+    }
+
+    private class MatrixChangeListener implements PhotoViewAttacher.OnMatrixChangedListener {
+
+        @Override
+        public void onMatrixChanged(RectF rect) {
+            try {
+                if (mAttacher.getScale() > 1.5f) cover_on();
+                else cover_off();
+
+                if (mAttacher.getScale() == 1.0f) slidrInf.unlock();
+                else slidrInf.lock();
+
+            } catch (Exception e) {
+                Log.d(TAG, "onMatrix Changed" + e.getMessage());
+            }
+        }
+    }
+}
diff --git a/library/src/main/java/com/hkm/slider/SliderLayout.java b/library/src/main/java/com/hkm/slider/SliderLayout.java
index bc46db7..4cd7d69 100755
--- a/library/src/main/java/com/hkm/slider/SliderLayout.java
+++ b/library/src/main/java/com/hkm/slider/SliderLayout.java
@@ -1,9 +1,11 @@
 package com.hkm.slider;
 
+import android.app.Activity;
 import android.content.Context;
 import android.content.res.TypedArray;
 import android.database.DataSetObserver;
 import android.os.Message;
+import android.support.annotation.IntDef;
 import android.support.v4.view.PagerAdapter;
 import android.util.AttributeSet;
 import android.view.LayoutInflater;
@@ -51,8 +53,15 @@
  * pager_animation
  */
 public class SliderLayout extends RelativeLayout {
+    public static final int
+            ZOOMABLE = 1, NONZOOMABLE = 0;
 
-    private Context mContext;
+    @IntDef({ZOOMABLE, NONZOOMABLE})
+    public @interface SliderLayoutType {
+    }
+
+    public Activity activity;
+    public Context mContext;
     /**
      * InfiniteViewPager is extended from ViewPagerEx. As the name says, it can scroll without bounder.
      */
@@ -82,7 +91,9 @@ public class SliderLayout extends RelativeLayout {
      */
     private Timer mResumingTimer;
     private TimerTask mResumingTask;
-    private int pagerType = 0;
+
+    @SliderLayoutType
+    private int pagerType = NONZOOMABLE;
     /**
      * If {@link com.hkm.slider.Tricks.ViewPagerEx} is Cycling
      */
@@ -174,6 +185,9 @@ public SliderLayout(Context context, AttributeSet attrs, int defStyle) {
                 break;
             }
         }
+
+        //setType(attributes.getInt(R.styleable.SliderLayout_page_type, SliderLayout.NONZOOMABLE));
+        // setType(ZOOMABLE);
         mSliderAdapter = new SliderAdapter(mContext);
         mSliderAdapter.registerDataSetObserver(sliderDataObserver);
         pagerSetup();
@@ -228,9 +242,20 @@ public void onClick(View v) {
         }
     }
 
+    public SliderLayout setType(final @SliderLayoutType int t) {
+        pagerType = t;
+        return this;
+    }
+
+    public SliderLayout setActivity(final Activity t) {
+        activity = t;
+        return this;
+    }
+
     private void pagerSetup() {
-        PagerAdapter wrappedAdapter = new InfinitePagerAdapter(mSliderAdapter);
-        if (pagerType == 0) {
+
+        if (pagerType == NONZOOMABLE) {
+            PagerAdapter wrappedAdapter = new InfinitePagerAdapter(mSliderAdapter);
             mViewPager = (InfiniteViewPager) findViewById(R.id.daimajia_slider_viewpager);
             if (mPagerMargin > -1) {
                 mViewPager.setMargin(mPagerMargin);
@@ -248,7 +273,8 @@ public boolean onTouch(View v, MotionEvent event) {
                     return false;
                 }
             });
-        } else if (pagerType == 1) {
+        } else if (pagerType == ZOOMABLE) {
+
         }
     }
 
diff --git a/library/src/main/java/com/hkm/slider/SliderTypes/BaseSliderView.java b/library/src/main/java/com/hkm/slider/SliderTypes/BaseSliderView.java
index 6d2df70..524e422 100755
--- a/library/src/main/java/com/hkm/slider/SliderTypes/BaseSliderView.java
+++ b/library/src/main/java/com/hkm/slider/SliderTypes/BaseSliderView.java
@@ -536,7 +536,7 @@ public void setOnImageLoadListener(ImageLoadListener l) {
     }
 
     public interface OnSliderClickListener {
-        public void onSliderClick(BaseSliderView coreSlider);
+        void onSliderClick(BaseSliderView coreSlider);
     }
 
     /**
@@ -549,9 +549,9 @@ public Bundle getBundle() {
     }
 
     public interface ImageLoadListener {
-        public void onStart(BaseSliderView target);
+        void onStart(BaseSliderView target);
 
-        public void onEnd(boolean result, BaseSliderView target);
+        void onEnd(boolean result, BaseSliderView target);
     }
 
 }
diff --git a/library/src/main/java/com/hkm/slider/SliderTypes/NewsFeedArticleView.java b/library/src/main/java/com/hkm/slider/SliderTypes/NewsFeedArticleView.java
new file mode 100644
index 0000000..537e25e
--- /dev/null
+++ b/library/src/main/java/com/hkm/slider/SliderTypes/NewsFeedArticleView.java
@@ -0,0 +1,66 @@
+package com.hkm.slider.SliderTypes;
+
+import android.content.Context;
+import android.graphics.Typeface;
+import android.support.annotation.LayoutRes;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.widget.ProgressBar;
+
+import com.hkm.slider.R;
+
+/**
+ * Created by hesk on 15/12/15.
+ */
+public abstract class NewsFeedArticleView extends BaseSliderView {
+    protected Typeface typeface_1, typeface_2;
+    protected ProgressBar progressBar_circle;
+
+    protected NewsFeedArticleView(Context context) {
+        super(context);
+    }
+
+    public NewsFeedArticleView setDisplayFontName_1(String name) {
+        typeface_1 = Typeface.createFromAsset(mContext.getAssets(), "fonts/" + name);
+        return this;
+    }
+
+    public NewsFeedArticleView setDisplayFontName_2(String name) {
+        typeface_2 = Typeface.createFromAsset(mContext.getAssets(), "fonts/" + name);
+        return this;
+    }
+
+    public NewsFeedArticleView set_a() {
+        return this;
+    }
+
+    public NewsFeedArticleView set_b() {
+        return this;
+    }
+
+    public NewsFeedArticleView set_c() {
+        return this;
+    }
+
+    public NewsFeedArticleView set_d() {
+        return this;
+    }
+
+    /**
+     * the extended class have to implement getView(), which is called by the adapter,
+     * every extended class response to render their own view.
+     *
+     * @return View
+     */
+    @Override
+    public View getView() {
+        View layoutview = LayoutInflater.from(mContext).inflate(getLayoutHolder(), null);
+        filter_apply_event_to_view(layoutview);
+        return layoutview;
+    }
+
+    @LayoutRes
+    protected abstract int getLayoutHolder();
+
+    protected abstract void filter_apply_event_to_view(View root_view);
+}
diff --git a/library/src/main/java/com/hkm/slider/SliderTypes/ZoomableView.java b/library/src/main/java/com/hkm/slider/SliderTypes/ZoomableView.java
new file mode 100644
index 0000000..82f4c63
--- /dev/null
+++ b/library/src/main/java/com/hkm/slider/SliderTypes/ZoomableView.java
@@ -0,0 +1,228 @@
+package com.hkm.slider.SliderTypes;
+
+import android.animation.LayoutTransition;
+import android.app.Activity;
+import android.content.Context;
+import android.graphics.RectF;
+import android.graphics.Typeface;
+import android.os.Build;
+import android.support.annotation.LayoutRes;
+import android.support.v4.content.ContextCompat;
+import android.util.Log;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.widget.ImageButton;
+import android.widget.LinearLayout;
+import android.widget.ProgressBar;
+import android.widget.TextView;
+
+import com.hkm.slider.R;
+import com.r0adkll.slidr.model.SlidrInterface;
+import com.squareup.picasso.Callback;
+import com.squareup.picasso.Picasso;
+
+import uk.co.senab.photoview.PhotoView;
+import uk.co.senab.photoview.PhotoViewAttacher;
+
+/**
+ * Created by hesk on 15/12/15.
+ */
+public class ZoomableView extends BaseSliderView {
+    private final Activity activity;
+    public final static String LOG_TAG = "ZoomableViewpp";
+    private boolean animateCloseButton = false;
+    private float initial_zoom_factor = 1.0f;
+    protected Typeface typeface;
+
+    public ZoomableView(Activity context) {
+        super(context);
+        activity = context;
+
+    }
+
+    public ZoomableView(boolean closeButtonAnimation, Activity context) {
+        this(context);
+        animateCloseButton = closeButtonAnimation;
+    }
+
+    public ZoomableView setInitalZoomFactor(float a) {
+        initial_zoom_factor = a;
+        return this;
+    }
+
+    public ZoomableView setDisplayFontName(String name) {
+        typeface = Typeface.createFromAsset(mContext.getAssets(), "fonts/" + name);
+        return this;
+    }
+
+    /**
+     * the extended class have to implement getView(), which is called by the adapter,
+     * every extended class response to render their own view.
+     *
+     * @return View
+     */
+    @Override
+    public View getView() {
+        View layoutview = LayoutInflater.from(mContext).inflate(getLayoutHolder(), null);
+        filter_apply_event_to_view(layoutview);
+        return layoutview;
+    }
+
+    protected void filter_apply_event_to_view(View viewLayout) {
+        final LinearLayout cover = (LinearLayout) viewLayout.findViewById(R.id.ssz_bottom_caption);
+        final ImageButton close = (ImageButton) viewLayout.findViewById(R.id.ssz_frame_close_window_button);
+        final ProgressBar circle = (ProgressBar) viewLayout.findViewById(R.id.ns_loading_progress);
+        final PhotoView mImage = (PhotoView) viewLayout.findViewById(R.id.ssz_uk_co_senab_photoview);
+        final TextView mCurrMatrixTv = (TextView) viewLayout.findViewById(R.id.ssz_debug_textview);
+        setDebugTextAdvance(mCurrMatrixTv, this);
+        final PhotoViewAttacher mAttacher = new PhotoViewAttacher(mImage);
+
+        final TextView mCaptv = (TextView) viewLayout.findViewById(R.id.ssz_caption_textview);
+        setCaptionTextviewAdvance(mCaptv, this);
+
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
+            LayoutTransition transitioner = new LayoutTransition();
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
+                transitioner.enableTransitionType(LayoutTransition.CHANGING);
+            }
+            cover.setLayoutTransition(transitioner);
+        }
+
+
+        close.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                //  finish();
+            }
+        });
+
+
+        Log.d(LOG_TAG, "load image with url : " + getUrl() + " title:" + getDescription());
+        Picasso.with(mContext).load(getUrl()).into(mImage, new Callback() {
+            @Override
+            public void onSuccess() {
+                mAttacher.setOnMatrixChangeListener(new MatrixChangeListener(mAttacher, cover, close));
+                mAttacher.setOnPhotoTapListener(new PhotoTapListener());
+                circle.setVisibility(View.GONE);
+                mImage.post(new Runnable() {
+                    @Override
+                    public void run() {
+                        mAttacher.setScale(2f, mImage.getWidth() / 2, mImage.getHeight() / 2, true);
+                    }
+                });
+
+                //slidrInf.unlock();
+                mAttacher.setScale(initial_zoom_factor);
+            }
+
+            @Override
+            public void onError() {
+                circle.setVisibility(View.GONE);
+            }
+        });
+    }
+
+
+    @LayoutRes
+    protected int getLayoutHolder() {
+        return R.layout.content_zoomable_slide;
+    }
+
+    protected void setCaptionTextviewAdvance(final TextView caption, final BaseSliderView display_text) {
+        int color_i = ContextCompat.getColor(mContext, R.color.letterwhite);
+        caption.setTextColor(color_i);
+        caption.setText(display_text.getDescription());
+
+        if (typeface != null) {
+            caption.setTypeface(typeface);
+        }
+    }
+
+    protected void setDebugTextAdvance(final TextView debugfield, final BaseSliderView display) {
+
+    }
+
+
+    public class PhotoTapListener implements PhotoViewAttacher.OnPhotoTapListener {
+
+        @Override
+        public void onPhotoTap(View view, float x, float y) {
+            float xPercentage = x * 100f;
+            float yPercentage = y * 100f;
+            //    Tool.trace(zoomimage.this,  String.format(PHOTO_TAP_TOAST_STRING, xPercentage, yPercentage, view == null ? 0 : view.getId()));
+        }
+    }
+
+    public class MatrixChangeListener implements PhotoViewAttacher.OnMatrixChangedListener {
+        private final PhotoViewAttacher mAttacher;
+        private final LinearLayout cover;
+        private final ImageButton button;
+        private SlidrInterface mSlidr;
+
+        public MatrixChangeListener(PhotoViewAttacher mAttacher, LinearLayout cover, final ImageButton button_close) {
+            this.mAttacher = mAttacher;
+            button = button_close;
+            this.cover = cover;
+        }
+
+        public MatrixChangeListener(SlidrInterface controller, PhotoViewAttacher mAttacher, LinearLayout cover, final ImageButton button_close) {
+            this(mAttacher, cover, button_close);
+            mSlidr = controller;
+        }
+
+        @Override
+        public void onMatrixChanged(RectF rect) {
+            try {
+                if (mAttacher.getScale() > 1.5f) {
+                    cover_on(cover, button);
+                } else {
+                    cover_off(cover, button);
+                }
+
+                if (mSlidr != null) {
+                    if (mAttacher.getScale() == 1.0f)
+                        mSlidr.unlock();
+                    else
+                        mSlidr.lock();
+                }
+
+            } catch (Exception e) {
+                Log.d(LOG_TAG, "onMatrix Changed" + e.getMessage());
+            }
+        }
+    }
+
+
+    private void cover_off(LinearLayout cover, final ImageButton button_close) {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB_MR1) {
+            cover.animate().alpha(0f);
+            if (animateCloseButton)
+                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
+                    button_close.animate().alpha(0f).withEndAction(new Runnable() {
+                        @Override
+                        public void run() {
+                            button_close.setEnabled(false);
+                        }
+                    });
+                }
+        }
+
+    }
+
+    private void cover_on(LinearLayout cover, final ImageButton button_close) {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB_MR1) {
+            cover.animate().alpha(1f);
+            if (animateCloseButton)
+                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
+                    button_close.animate().alpha(1f).withEndAction(new Runnable() {
+                        @Override
+                        public void run() {
+                            button_close.setEnabled(true);
+                        }
+                    });
+                }
+        }
+
+    }
+
+}
diff --git a/library/src/main/res/drawable/shadow_upward.xml b/library/src/main/res/drawable/shadow_upward.xml
new file mode 100644
index 0000000..186a13c
--- /dev/null
+++ b/library/src/main/res/drawable/shadow_upward.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <gradient
+        android:type="linear"
+        android:angle="90"
+        android:endColor="#00000000"
+        android:centerColor="#aa000000"
+        android:startColor="#ff000000" />
+
+</shape>
\ No newline at end of file
diff --git a/library/src/main/res/layout/content_zoomable_slide.xml b/library/src/main/res/layout/content_zoomable_slide.xml
new file mode 100644
index 0000000..c313c6c
--- /dev/null
+++ b/library/src/main/res/layout/content_zoomable_slide.xml
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <uk.co.senab.photoview.PhotoView
+        android:id="@id/ssz_uk_co_senab_photoview"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+    <TextView
+        android:id="@id/ssz_debug_textview"
+        android:layout_width="match_parent"
+        android:layout_height="50dp"
+        android:layout_alignParentLeft="true"
+        android:layout_alignParentTop="true"
+        android:textColor="@android:color/white" />
+
+    <ProgressBar
+        android:id="@id/ns_loading_progress"
+        android:layout_width="60dp"
+        android:layout_height="60dp"
+        android:layout_centerInParent="true" />
+
+    <LinearLayout
+        android:id="@id/ssz_bottom_caption"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_alignParentBottom="true"
+        android:background="@drawable/shadow_upward"
+        android:orientation="vertical"
+        android:paddingTop="@dimen/button_margin_horizontal">
+
+        <TextView
+            android:id="@id/ssz_caption_textview"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_margin="@dimen/button_margin_horizontal"
+            android:gravity="center_vertical|center_horizontal"
+            android:text="_____"
+            android:textAllCaps="true" />
+    </LinearLayout>
+
+    <ImageButton
+        android:id="@id/ssz_frame_close_window_button"
+        style="@style/tintImageView"
+        android:layout_width="40dp"
+        android:layout_height="40dp"
+        android:layout_alignParentLeft="true"
+
+        android:layout_alignParentTop="true"
+        android:layout_margin="10dp"
+        android:scaleType="fitXY" />
+</RelativeLayout>
\ No newline at end of file
diff --git a/library/src/main/res/layout/content_zoomble_slider_frame.xml b/library/src/main/res/layout/content_zoomble_slider_frame.xml
new file mode 100644
index 0000000..82f9d91
--- /dev/null
+++ b/library/src/main/res/layout/content_zoomble_slider_frame.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <com.hkm.slider.Tricks.InfiniteViewPager
+        android:id="@id/slidable_panel"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/library/src/main/res/values/attrs.xml b/library/src/main/res/values/attrs.xml
index 988bbbb..ed8199a 100755
--- a/library/src/main/res/values/attrs.xml
+++ b/library/src/main/res/values/attrs.xml
@@ -49,6 +49,10 @@
         <attr name="image_button_r" format="reference" />
 
         <attr name="slider_side_buttons" format="boolean" />
+        <attr name="page_type" format="enum">
+            <enum name="ZOOMABLE" value="1">ZOOMABLE</enum>
+            <enum name="NONZOOMABLE" value="0">NONZOOMABLE</enum>
+        </attr>
 
         <attr name="slider_side_buttons_function_flip" format="boolean" />
     </declare-styleable>
diff --git a/library/src/main/res/values/color.xml b/library/src/main/res/values/color.xml
index 86fa762..40884e3 100644
--- a/library/src/main/res/values/color.xml
+++ b/library/src/main/res/values/color.xml
@@ -2,9 +2,12 @@
 <resources>
     <color name="arrowbackground">#a460a342</color>
     <color name="letter">#fffbffca</color>
+    <color name="letterwhite">#fdffe1</color>
     <color name="letterbox">#ca000000</color>
     <color name="bgletterbox">#caff49db</color>
     <color name="bhgletterbox">#ca71ff46</color>
+    <color name="prim_color">#caf4fca1</color>
+    <color name="second_color">#ca42452c</color>
 
     <color name="shadow_start">#00000000</color>
     <color name="shadow_ends">#7f000000</color>
diff --git a/library/src/main/res/values/dimen.xml b/library/src/main/res/values/dimen.xml
new file mode 100644
index 0000000..0a5794b
--- /dev/null
+++ b/library/src/main/res/values/dimen.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="button_margin_horizontal">10.9dp</dimen>
+</resources>
\ No newline at end of file
diff --git a/library/src/main/res/values/ids.xml b/library/src/main/res/values/ids.xml
index ac1dbde..e9ba3f8 100644
--- a/library/src/main/res/values/ids.xml
+++ b/library/src/main/res/values/ids.xml
@@ -28,4 +28,10 @@
     <item name="ns_display_number_s7" type="id" />
     <item name="ns_display_i_s7" type="id" />
     <item name="ns_display_t_s7" type="id" />
+    <!-- single slider zooming image -->
+    <item name="ssz_bottom_caption" type="id" />
+    <item name="ssz_caption_textview" type="id" />
+    <item name="ssz_uk_co_senab_photoview" type="id" />
+    <item name="ssz_frame_close_window_button" type="id" />
+    <item name="ssz_debug_textview" type="id" />
 </resources>
\ No newline at end of file
diff --git a/library/src/main/res/values/styles.xml b/library/src/main/res/values/styles.xml
index f8d0ad2..6ed50e1 100755
--- a/library/src/main/res/values/styles.xml
+++ b/library/src/main/res/values/styles.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
+
     <style name="AndroidImageSlider_Corner_Oval_Orange">
         <item name="android:layout_width">wrap_content</item>
         <item name="android:layout_height">wrap_content</item>
@@ -60,4 +61,14 @@
         <item name="unselected_width">6dp</item>
         <item name="unselected_height">6dp</item>
     </style>
+
+
+    <style name="tintImageView" parent="android:style/Widget.Holo.ActionButton">
+        <item name="paddingStart">5dp</item>
+        <item name="paddingEnd">5dp</item>
+        <item name="android:scaleType">centerInside</item>
+        <item name="android:gravity">center_vertical</item>
+    </style>
+
+
 </resources>
\ No newline at end of file