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

removed buggy animation, basic browsing concept is working, next will work on editing the structure (promote/demote images)...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2012-06-05 17:24:10 +04:00
parent 065744c849
commit 1ee6b32cd6
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
ui/gallery.html
View File

@ -27,10 +27,6 @@ ISSUES:
$(document).ready(function() { $(document).ready(function() {
$(".image").click(function(e) { $(".image").click(function(e) {
if($(this).hasClass('current-image')){
//return true
}
// switch classes... // switch classes...
$(this).parents().siblings().children(".image").removeClass("current-image"); $(this).parents().siblings().children(".image").removeClass("current-image");
$(this).siblings(".image").removeClass("current-image"); $(this).siblings(".image").removeClass("current-image");
@ -43,20 +39,24 @@ $(document).ready(function() {
var container = $(this).parents('.container') var container = $(this).parents('.container')
var field = $(this).parents(".field") var field = $(this).parents(".field")
var cur_ribbon = $(this).parents('.current-ribbon')
var cur_image = $(this) var cur_image = $(this)
var container_offset = container.offset() var container_offset = container.offset()
var ribbon_offset = cur_ribbon.offset()
var image_offset = cur_image.offset() var image_offset = cur_image.offset()
var field_offset = field.offset()
// center the current image... // center the current image...
field.css({
left: field_offset.left - image_offset.left + (container.innerWidth() - cur_image.innerWidth())/2,
top: field_offset.top - image_offset.top + (container.innerHeight() - cur_image.innerHeight())/2,
})
/* XXX this is really jumpy...
field.animate({ field.animate({
// XXX need to make these more accurate and robust... left: field_offset.left - image_offset.left + (container.innerWidth() - cur_image.innerWidth())/2,
// XXX this is dependant on size and is really jumpy... top: field_offset.top - image_offset.top + (container.innerHeight() - cur_image.innerHeight())/2,
top: (container_offset.top - ribbon_offset.top + parseInt(field.css('top'))) + (container.innerHeight() - cur_image.outerHeight())/2, })
left: (container_offset.left - image_offset.left + parseInt(field.css('left'))) + (container.innerWidth() - cur_image.outerWidth())/2 */
}, 300)
e.preventDefault(); e.preventDefault();