From 3a6f63c22dc6def79656530170a844dd09a8ef1c Mon Sep 17 00:00:00 2001
From: Igor Lino <i.lino@directica.pl>
Date: Mon, 8 Jun 2015 00:24:15 +0200
Subject: [PATCH] Put gallery thumbnails before image.

---
 demo/index.html | 36 +++++++-----------------------------
 1 file changed, 7 insertions(+), 29 deletions(-)

diff --git a/demo/index.html b/demo/index.html
index e298385..59be75a 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -113,19 +113,12 @@ <h2>Zoom example with Width/Height 75%</h2>
             ez-plus
             ezp-model="zoomModel2"
             ezp-options="zoomOptions"
-
             />
 
         <hr/>
 
         <h2>Gallery</h2>
 
-        <img id="zoom_03"
-             ez-plus
-             ezp-model="zoomModelGallery01"
-             ezp-options="zoomOptionsGallery01"
-            />
-
         <div id="gallery_01">
             <a class="img-group-01"
                ng-repeat="image2 in imagesForGallery"
@@ -134,11 +127,17 @@ <h2>Gallery</h2>
                data-image="{{approot}}{{image2.small}}"
                data-zoom-image="{{approot}}{{image2.large}}"
 
-                href="#">
+               href="#">
                 <img ng-src="{{approot}}{{image2.thumb}}"/>
             </a>
         </div>
 
+        <img id="zoom_03"
+             ez-plus
+             ezp-model="zoomModelGallery01"
+             ezp-options="zoomOptionsGallery01"
+            />
+
         <colorbox
             box-for=".img-group-01"
             open="zoom03"
@@ -146,27 +145,6 @@ <h2>Gallery</h2>
 
         </colorbox>
 
-        <script type="text/javascript">
-           /* $(document).ready(function () {
-                $("#zoom_03").ezPlus({
-                    gallery: 'gallery_01',
-                    cursor: 'pointer',
-                    galleryActiveClass: "active",
-                    imageCrossfade: true,
-                    loadingIcon: "images/spinner.gif"
-                });
-
-                $("#zoom_03").bind("click", function (e) {
-                    var ez = $('#zoom_03').data('ezPlus');
-                    //ez.closeAll(); //NEW: This function force hides the lens, tint and window
-                    //$.fancybox(ez.getGalleryList());
-                    return false;
-                });
-
-            });*/
-
-        </script>
-
     </div>
 
 </div>