Summary | Preview existing images when upload new one |
Queue | Ansel |
Type | Enhancement |
State | Resolved |
Priority | 1. Low |
Owners | mrubinsk (at) horde (dot) org |
Requester | duck (at) obala (dot) net |
Created | 06/05/2008 (6254 days ago) |
Due | |
Updated | 02/12/2009 (6002 days ago) |
Assigned | 11/06/2008 (6100 days ago) |
Resolved | 02/12/2009 (6002 days ago) |
Milestone | 1 |
Patch | No |
State ⇒ Resolved
http://cvs.horde.org/diff.php/ansel/img/upload.php?r1=1.31&r2=1.32&ty=u
http://cvs.horde.org/diff.php/ansel/img/upload_preview.php?r1=1.4&r2=1.5&ty=u
http://cvs.horde.org/diff.php/ansel/lib/Ansel.php?r1=1.546&r2=1.547&ty=u
http://cvs.horde.org/diff.php/ansel/templates/image/upload.inc?r1=1.7&r2=1.8&ty=u
http://cvs.horde.org/diff.php/ansel/img/upload_preview.php?r1=1.1.2.1&r2=1.1.2.2&ty=u
http://cvs.horde.org/diff.php/ansel/js/carousel.js?r1=1.1.2.1&r2=1.1.2.2&ty=u
http://cvs.horde.org/diff.php/ansel/js/src/carousel.js?r1=1.1.2.1&r2=1.1.2.2&ty=u
http://cvs.horde.org/diff.php/ansel/templates/image/upload.inc?r1=1.1.2.2&r2=1.1.2.3&ty=u
image should open in a lightbox when clicked, some CSS issues to work
out and we should probably have start/end navigation in addition to
the next/previous navigation.
Merging to FW_3 as well.
http://cvs.horde.org/diff.php/ansel/img/upload_preview.php?r1=1.3&r2=1.4&ty=u
http://cvs.horde.org/diff.php/ansel/js/carousel.js?r1=1.1&r2=1.2&ty=u
http://cvs.horde.org/diff.php/ansel/js/src/carousel.js?r1=1.1&r2=1.2&ty=u
http://cvs.horde.org/diff.php/ansel/templates/image/upload.inc?r1=1.5&r2=1.6&ty=u
http://cvs.horde.org/diff.php/ansel/img/upload_preview.php?r1=1.2&r2=1.3&ty=u
http://cvs.horde.org/diff.php/ansel/templates/image/upload.inc?r1=1.4&r2=1.5&ty=u
had a dime...
http://lists.horde.org/archives/cvs/Week-of-Mon-20081020/084698.html
http://cvs.horde.org/diff.php/ansel/img/upload_preview.php?r1=1.1&r2=1.2&ty=u
http://cvs.horde.org/diff.php/ansel/templates/image/upload.inc?r1=1.2&r2=1.3&ty=u
New Attachment: ansel.diff
Reduces the height of 240px to 50px and works with custom backgrounds.
For placement, it needs to be outside the form somewhat so that it's
not hidden when you switch tabs. The form doesn't need to be
full-width, though; how about having the image preview about 50%
width, kind of like the sidebar widgets in the rest of Ansel, have it
use mini thumbs to save some space, and have the thumbs link to the
real image in a lightbox?
Milestone ⇒ 1
State ⇒ Feedback
like the way it looks.
1) It needs new navigation images since they don't work well with any
background other than white.
2) I don't like it hanging out below the actual form. I want to add it
as an html form field, but the size is currently too large for that -
it's very distracting.
If we can get smaller navigation images, tweak the height of the
container and maybe use mini images instead of thumbs, I think this
would be perfect.
Of course, I'm open to any one else's ideas/suggestions...
http://cvs.horde.org/diff.php/ansel/img/upload.php?r1=1.29&r2=1.30&ty=u
http://cvs.horde.org/co.php/ansel/img/upload_preview.php?r=1.1
http://cvs.horde.org/co.php/ansel/js/carousel.js?r=1.1
http://cvs.horde.org/co.php/ansel/js/src/carousel.js?r=1.1
http://cvs.horde.org/co.php/ansel/templates/image/upload.inc?r=1.1
http://cvs.horde.org/co.php/ansel/themes/graphics/carousel/left.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/graphics/carousel/left_disabled.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/graphics/carousel/left_over.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/graphics/carousel/right.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/graphics/carousel/right_disabled.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/graphics/carousel/right_over.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/silver/graphics/carousel/left.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/silver/graphics/carousel/left_disabled.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/silver/graphics/carousel/left_over.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/silver/graphics/carousel/right.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/silver/graphics/carousel/right_disabled.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/silver/graphics/carousel/right_over.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/tango-blue/graphics/carousel/left.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/tango-blue/graphics/carousel/left_disabled.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/tango-blue/graphics/carousel/left_over.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/tango-blue/graphics/carousel/right.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/tango-blue/graphics/carousel/right_disabled.png?r=1.1
http://cvs.horde.org/co.php/ansel/themes/tango-blue/graphics/carousel/right_over.png?r=1.1
New Attachment: upload[1].tgz
on the page. That's what the help system is for.
translation is often missing.
At least leave the output into a separate page to allow easier customization.
It's outputting *all* of the gallery's image tags at once. For
galleries with large number of images this could take quite a while,
especially if the thumbnails still need to be generated.
I also don't agree with putting the help text for XP Publish directly
on the page. That's what the help system is for.
I'll try and take a look at replacing the carsousel you used with the
ajax version if I get the time.
Thanks.
New Attachment: upload.tgz
I also moved the output to a template file to give more control over
the content... for example I added the description how to use XPpublish.
I don't see any reason why we can't use this...
I don't see any reason why we can't use this...
State ⇒ Assigned
I'll try to dig around for another alternative for the carousel and
see what I come up with...otherwise, I'll add this one.
Thanks again!
New Attachment: upload.css
You didn't include the CSS rules you used for the carousel, so I used
the example from the author's web page, changed the class names to
match what you used in the code and took some guesses...so, I'm not
100% sure how you intended this to look on the upload page.
Hopefully, you have a patch for the css you used? I'm not crazy
about the text navigation links, but that's trivial to change.
find a simple prototype script for this. Displaying the last 5 images
by default would be enough.
You didn't include the CSS rules you used for the carousel, so I used
the example from the author's web page, changed the class names to
match what you used in the code and took some guesses...so, I'm not
100% sure how you intended this to look on the upload page. Hopefully,
you have a patch for the css you used? I'm not crazy about the text
navigation links, but that's trivial to change.
My real concern is that it took a _very_ long time for the pager to
load, I suppose because it's loading _all_ the gallery's thumbnails,
in the gallery's style, onto the page. This is not good...If we're
going to do this, I would prefer some Ajax magic to load the images in
groups (maybe the same number as defined in the prefs). To compound
the problem, if you have just uploaded large numbers of images, the
thumbnails are not yet generated, so we are not only loading all the
thumbnails, we are possibly generating all of them as well. At the
very least, if we don't do the ajax calls, we should be forcing the
plain thumbnails, or better yet, the mini thumbs...anything but the
'pretty' thumbnails.
I'm wondering if this would be better as a horizontal scrolling
carousel, with more than one image being visible at a time...something
that the JS code your using doesn't seem capable of?
Assigned to Michael Rubinsky
State ⇒ Accepted
Bug: 4579Priority ⇒ 1. Low
State ⇒ New
New Attachment: upload.diff
Patch ⇒ No
Milestone ⇒
Queue ⇒ Ansel
Summary ⇒ Preview existing images when upload new one
Type ⇒ Enhancement
Very usefull for large galleries when you forgot the last uploaded
image.
The prototype js plug-in can be dound
http://www.victorstanciu.ro/prototype-plugin-carousel/