6.0.0-beta1
7/20/25

[#6845] Preview existing images when upload new one
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

History
02/12/2009 04:57:02 PM Michael Rubinsky Comment #26
State ⇒ Resolved
Reply to this comment
I've taken this one as far as I plan to...
11/06/2008 02:28:21 AM Chuck Hagenbuch State ⇒ Assigned
 
10/25/2008 09:12:10 PM Michael Rubinsky Comment #23 Reply to this comment
Alright. This now seems to be in pretty good shape. Still to come, 
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.
10/25/2008 03:21:31 PM CVS Commit Comment #20 Reply to this comment
10/25/2008 03:17:00 PM CVS Commit Comment #19 Reply to this comment
10/25/2008 03:01:04 PM Michael Rubinsky Comment #18 Reply to this comment
Once again, I forgot the ticket number in the commit message....if I 
had a dime...

http://lists.horde.org/archives/cvs/Week-of-Mon-20081020/084698.html
10/22/2008 08:00:59 AM Duck Comment #16
New Attachment: ansel.diff Download
Reply to this comment
I am adding patch to use mini icons and slide show images.

Reduces the height of 240px to 50px and works with custom backgrounds.
10/22/2008 02:15:21 AM Chuck Hagenbuch Comment #15 Reply to this comment
For navigation images, what's wrong with the ones in the current image view?



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?
10/19/2008 09:39:54 PM Michael Rubinsky Comment #14
Milestone ⇒ 1
Reply to this comment
Since this is merged, this either needs to be enhanced or removed for 1.0
10/19/2008 09:38:28 PM Michael Rubinsky Comment #13
State ⇒ Feedback
Reply to this comment
I committed this, and I like the functionality, but I really do not 
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...
10/19/2008 08:27:43 PM CVS Commit Comment #12 Reply to this comment
Changes have been made in CVS for this ticket:

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
10/17/2008 10:06:41 AM Duck Comment #11
New Attachment: upload[1].tgz Download
Reply to this comment
Use Ajax calls to load just some images at once.
09/15/2008 01:12:53 PM Duck Comment #10 Reply to this comment
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.
Some sites has help disabled. Especially no-English pages where help 
translation is often missing.

At least leave the output into a separate page to allow easier customization.
09/13/2008 04:55:07 PM Michael Rubinsky Comment #9 Reply to this comment
It's better, but this still isn't using *any* dynamic image loading. 
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.
09/13/2008 04:50:08 PM Michael Rubinsky Deleted Original Message
 
09/13/2008 04:50:01 PM Michael Rubinsky Deleted Original Message
 
09/12/2008 03:27:26 PM Duck Comment #8
New Attachment: upload.tgz Download
Reply to this comment
Updated to use Prototype-UI. Ajax. Carousel.



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.
06/26/2008 03:21:32 PM Duck Comment #7 Reply to this comment
http://docs.prototype-ui.com/rc0/Carousel/AjaxCarousel

I don't see any reason why we can't use this...
seems good.
06/09/2008 07:18:04 PM Michael Rubinsky Comment #6 Reply to this comment
http://docs.prototype-ui.com/rc0/Carousel/AjaxCarousel



I don't see any reason why we can't use this...
06/09/2008 02:28:20 PM Michael Rubinsky Comment #5
State ⇒ Assigned
Reply to this comment
super. Thanks for the CSS.



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!
06/09/2008 07:45:29 AM Duck Comment #4
New Attachment: upload.css
Reply to this comment
I like the idea, but a few issues/questions:

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.
See attachment.

[Show Quoted Text - 15 lines]
yes. I was looking for something like that too. But I was unable to 
find a simple prototype script for this. Displaying the last 5 images 
by default would be enough.


06/08/2008 08:40:48 PM Michael Rubinsky State ⇒ Feedback
 
06/08/2008 08:40:13 PM Michael Rubinsky Comment #3 Reply to this comment
I like the idea, but a few issues/questions:



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?
06/05/2008 04:10:17 PM Michael Rubinsky Comment #2
Assigned to Michael Rubinsky
State ⇒ Accepted
Reply to this comment
Should also be useful for Bug: 4579
06/05/2008 07:46:07 AM Duck Comment #1
Priority ⇒ 1. Low
State ⇒ New
New Attachment: upload.diff
Patch ⇒ No
Milestone ⇒
Queue ⇒ Ansel
Summary ⇒ Preview existing images when upload new one
Type ⇒ Enhancement
Reply to this comment
When uploading new images, show already loaded images with carousel. 
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/

Saved Queries