Using the jQuery kinetic plugin, this commit adds a more responsive i…

…mage bar.
UNC-Libraries · May 17, 2012 · 05bb734 · 05bb734
1 parent 8b2f05e
commit 05bb734
Show file tree

Hide file tree

Showing 8 changed files with 646 additions and 244 deletions.
diff --git a/src/images/arrow-l.png b/src/images/arrow-l.png
diff --git a/src/images/arrow-r.png b/src/images/arrow-r.png
diff --git a/src/index-example.html b/src/index-example.html
@@ -31,11 +31,19 @@
                 </div>
             </div>
             <div id="map"></div>
-            <div id="items">
-                <a href="" id="prevPageButton"><img src="http://imageserv.lib.unc.edu/geobrowse/left.png" /></a>
-                <ul id="items-list">
-                </ul>
-                <a href="" id="nextPageButton"><img src="http://imageserv.lib.unc.edu/geobrowse/right.png" /></a>
+            <div id="imgbar-wrapper">
+                <div id="imgbar-back-button">
+                    <div class="imgbar-button-background"></div>
+                    <img src="images/arrow-l.png" />
+                </div>
+                <div id="imgbar-content">
+                    <ul>
+                    </ul>
+                </div>
+                <div id="imgbar-forward-button">
+                    <div class="imgbar-button-background"></div>
+                    <img src="images/arrow-r.png" />
+                </div>
             </div>
         </div>
     </body>