Put gallery thumbnails before image.

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,39 +127,24 @@ <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"
             options="{rel:'img-group-01', slideshow:false, open:true}">
 
         </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>