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

some cleanup...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2012-06-08 17:59:38 +04:00
parent 969c303e46
commit 11f8be4a2a
1 changed files with 15 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
ui/gallery.html
View File

@ -29,6 +29,14 @@ TODO:
- make this into a jquery plugin... - make this into a jquery plugin...
- add dynamic loading and unloading for very large sets... - add dynamic loading and unloading for very large sets...
- gesture support... - gesture support...
- add basic actions:
- rotate left
- rotate right
- ...
- add info:
- number of images in ribbon
- position in ribbon
- first stage refactoring: - first stage refactoring:
- merge almost identical functions... - merge almost identical functions...
@ -94,6 +102,7 @@ $(document).ready(function() {
*/ */
$(".image").click(handleClick) $(".image").click(handleClick)
// control elements...
$('.next-image').click(nextImage) $('.next-image').click(nextImage)
$('.prev-image').click(prevImage) $('.prev-image').click(prevImage)
$('.demote').click(demoteImage) $('.demote').click(demoteImage)
@ -101,22 +110,21 @@ $(document).ready(function() {
$('.toggle-wide').click(toggleWideView) $('.toggle-wide').click(toggleWideView)
$('.toggle-single').click(toggleRibbonView) $('.toggle-single').click(toggleRibbonView)
// set the default position...
$('.current-image').click()
// load images... // load images...
// XXX not allowed... // XXX not allowed...
//$.getJSON('images.js', loadImages}) //$.getJSON('images.js', loadImages})
// XXX STUB // XXX STUB
loadImages(image_list) loadImages(image_list)
// set the default position and init...
$('.current-image').click()
}); });
function loadImages(json){ function loadImages(json){
// XXX STUB
var images = json.images var images = json.images
var ribbon = $('.ribbon').last() var ribbon = $('.ribbon').last()
$('.image').remove() $('.image').remove()
for(var i = 0; i < images.length; i++){ for(var i = 0; i < images.length; i++){
@ -128,7 +136,6 @@ function loadImages(json){
.appendTo(ribbon) .appendTo(ribbon)
} }
ribbon.children().first().click() ribbon.children().first().click()
} }
// XXX jquery.gestures handler... // XXX jquery.gestures handler...
@ -633,32 +640,9 @@ function demoteImage(){
<div class="container"> <div class="container">
<div class="field"> <div class="field">
<div class="ribbon"> <div class="ribbon">
<!--div class="image mock-image"></div>
<div class="image mock-image"></div> <div class="image mock-image"></div>
<div class="image mock-image"></div> <div class="image mock-image"></div-->
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
<div class="image mock-image"></div>
</div> </div>
</div> </div>
</div> </div>