flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-29 10:20:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

added dragging to main prototype -- neads cleanup and polishing...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2012-08-02 05:25:40 +04:00
parent d7e18a0d70
commit 49f896a834
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ui/gallery.html
View File

@ -5,6 +5,7 @@
<link rel="stylesheet" href="gallery.css"> <link rel="stylesheet" href="gallery.css">
<link rel="stylesheet" href="markers.css"> <link rel="stylesheet" href="markers.css">
<script src="jquery.js"></script> <script src="jquery.js"></script>
<script src="jquery-ui-1.8.22.custom.min.js"></script>
<script src="jquery.touchSwipe.js"></script> <script src="jquery.touchSwipe.js"></script>
<!-- script src="jquery.wipetouch.js"></script--> <!-- script src="jquery.wipetouch.js"></script-->
@ -44,6 +45,10 @@ function setup(){
// XXX STUB // XXX STUB
loadImages(image_list) loadImages(image_list)
// setup the dragging framework...
// XXX make this work seamlessly with touchSwipe...
$('.field').draggable()
// set the default position and init... // set the default position and init...
$('.current.image').click() $('.current.image').click()
} }
@ -87,6 +92,11 @@ $(document).ready(setup);
<br><br> <br><br>
<button onclick="centerCurrentImage()">center current</button>
<button onclick="centerOrigin()">center origin</button>
<br><br>
<button onclick="firstImage()">first (home)</button> <button onclick="firstImage()">first (home)</button>
<button onclick="prevImage()">prev (left)</button> <button onclick="prevImage()">prev (left)</button>
<button onclick="nextImage()">next (right)</button> <button onclick="nextImage()">next (right)</button>