Updated photo gallery...

robmueller · 31st March 2006, 02:31 PM

Richard has updated the photo gallery code, which should now create some nicer looking galleries by default. Give it a go. General procedure is:

1. Login to the beta server - http://www.fastmail.fm/beta/
2. Go to the Files screen
3. Click the Websites button
4. Create a web site, and use the "Photo gallery" publish as option

An example is here:

http://photos.robm.fastmail.fm/Test%20Photos/

I think Richard has gone away for the weekend now, so have a play and see what you think of the new layout...

Rob

robmueller · 31st March 2006, 02:39 PM

I should add, here are the known nicities/problems:

1. Gallery now displayed as thumbnail "slides" with all pics centered in their little slide
2. Comment is shown in popup when you move over a thumbnail
3. Works in FF/IE6/Konq (which should mean Safari)/Opera 9
4. Doesn't as nice in Opera 8/other older browsers
5. Clicking on an image shows full size image. Image is automatically scaled to browser window size (and the image downloaded is one scaled server side to be close to the browser window size to optimise download time)
6. Customisable via your own stylesheet (gallery.css and picture.css in the directory for each page respectively)

Rob

**Sherry** · 31st March 2006, 05:10 PM

Love it. I kinda miss Richard's black background but I absolutely love the look of the rounded corners on the pictures. Richard did a Great job!

Sherry

Abydos · 31st March 2006, 07:32 PM

Those thumbnail 'slides' are looking great!

BTW a tip on password protecting these galleries...
(Apologies if this is blindingly obvious to everyone already but it took me a while)

In the past, if you password protected a parent-folder, you could create any number of sub-folder pages & they would all, by default, be protected by the same parent-folder password.

However as far as I can see, creating photo galleries requires you to map them individually using the Websites button. This is necessary in order to select the 'Photo Gallery View' option.

If you're mapping directly to an individual sub-folder, you need to define a password or the gallery appears to be left in the open.

You can however define the same password as the parent folder & the browser seems to remember it, meaning your visitors don't need to keep entering the same password for each sub gallery.

ragear · 1st April 2006, 01:40 PM

Any chance that there can be an option to show the image at its largest size by default? Some of the jagged edges created as a result of it being scaled down are a bit distracting in some cases. Also, the resizing buttons don't seem to work at the bottom in Firefox 1.5.0.1.

Anyway its a great feature, thanks for adding it.

theDuke · 1st April 2006, 10:34 PM

got an error on the webpage (photo) i try to get to:

----------------------------------------------
Internal Server Error
The server encountered an internal error or misconfiguration and was unable to complete your request.
Please contact the server administrator, webmaster@messagingengine.com and inform them of the time the error occurred, and anything you might have done that may have caused the error.

More information about this error may be available in the server error log.

--------------------------------------------------------------------------------

Apache/1.3.33 Server at web3.internal Port 8080
---------------------------------------------------

hadaso · 2nd April 2006, 04:37 AM

It seems that adding ?variant=tiny (or small, small2, medium, medium2, large, large2) to any jpeg/gif/png file (not just in a photo gallery) works and sends a resized image. That is very useful for creating websites (sending resized images without having to resize the originals manually).

Is ?variant=raw equivalent to using just the filename?

hadaso · 2nd April 2006, 04:53 AM

This url
http://tryimg.hadaso.net/?imagepage=%D7%AA%D7%A2%D7%95%D7%93%D7%AA%20%D7%A4%D7%98%D7%99%D7%A8%D7%94.JPG
produces an HTTP 500 error code ("he server encountered an internal error or misconfiguration ...").
The password needed to access that page is "sisma" (Hebrew for "password". How clever...)

Another thing: in the bottom there is a list of image sizes ( 320x216 640x433 745x504) that seem to do nothing (I imagine they should be links to appropriately sized images, and the HTML source also suggests that they are links, but they do not work for me as links, and it is actualy also difficult to select them as text for copying without selcting other things (such as the image) with them.)

Edit:
I forgot to add: the browser was FF1.5 and the OS was WINXPPRO/SP1.
The image sizes appear in the list of links produced by FF in the page's properties. They are also reachable by tabbing to them and pressing "Enter" though one of them (variant=tiny) produces an empty page that shows the URL (and the FF page info says it's a 0x0 image). The URL that produced this was http://tryimg.hadaso.net/ganandschool.GIF?variant=tiny

rjlov · 3rd April 2006, 06:04 PM

Hi everyone.

One major change:

You can now select "Photo gallery - slides" or "Photo gallery - film strip" from the Websites screen. The only difference between these two is that they use different style sheets.

A quick summary of fixes made today:
- fixed GIF resizing
- tweaked right edge in slide gallery layout
- fixed box layout in slide picture so that links are clickable
- fixed utf8 filenames
- fixed minor layout problem with IE and Opera

hadaso:

Files with utf8 names should now work.

The problem you found with the tiny picture not appearing was because it was a gif. It appears there is a problem with gifs similar to the one sherry found with pngs earlier. I've worked around it in the same way, so it should be fine now.

The size links should work now too (they were obscured by a transparent box - i've changed the css slightly to fix).

?variant=raw is indeed equivalent to sending the filename. It wasn't always (at one stage we had the filename send the image page with navigation links) but it is now.

ragear:

(as above, the size links should be fixed)

I'm not sure if there's much point defaulting to the largest size. You'll still get jaggies if it's scaled to fit the screen, and if not, then you'll have to scroll to see the whole image, and also to find navigation links. Plus, anybody viewing your gallery will use a lot more of your file storage bandwidth!

If it really seems like a big deal, and we can find a nice user interface, then we might add this, but for now, don't hold your breath.

Sherry:

The "film strip" style is back! Go to "websites" and you can now select "Photo gallery - slides" or "Photo gallery - film strip".

At the moment we're not planning on expanding this selection, they're just a demonstration of some different things you could do with the css if you were so inclined.

theDuke:

Can you try again, and if you're still getting the problem, tell me what URL you are using that is giving this error? You can PM me the URL if you'd rather not post it here.

Abydos:

The photo gallery stuff should work the same was as normal. Just make the top level a "Photo gallery" web site, and all subfolders should also be photo galleries with the same password.

Abydos · 3rd April 2006, 08:40 PM

Quote:

Originally posted by rjlov
...Abydos:
The photo gallery stuff should work the same was as normal. Just make the top level a "Photo gallery" web site, and all subfolders should also be photo galleries with the same password.

Oh I see.. we can select any type of page as 'Photo Gallery' view but: "an 'index.html' file will always override this setting". So my top level link page & all sub pages (galleries or not) still show correctly & now require the top level password. Nice.

Really like the new film strip view too. I guess if you want several sub galleries with different styles, we're going to need to map these (in order to select Film or Slide view) & protect these individually with the same top level password.

It's all looking very nice.
Thank you

Richard (another)

Berenburger · 3rd April 2006, 09:26 PM

Quote:

Originally posted by rjlov
One major change:

You can now select "Photo gallery - slides" or "Photo gallery - film strip" from the Websites screen. The only difference between these two is that they use different style sheets.

When you choose one of these on the beta server, it also works on the production server.

OK, I do not have the selections there.

Thinking.......

Of course, this is logical. It's pointing to a (my) weblink. This is on the same server I guess.

robmueller · 4th April 2006, 04:38 PM

I've made another small update. I've increased the default thumbnail size, and also changing the Larger/Smaller links to a little slider control. I think it's kinda cool

FYI my plan is to send a newsletter in a day or so with all the details about this so users can use it. I was also going to include a link to a sample gallery so people can see can quickly see what the result looks like:

http://testphotos.robm.fastmail.fm/

Basically this is a mix of pictures I've been using while helping Richard test and develop the code, enough photos to cause wrapping to multiple lines, and also a mix of aspect ratios to check that all the centering is working. Just wanted to check I wasn't missing anything obviously wrong with these, or that might offend people...

Rob

theDuke · 4th April 2006, 05:48 PM

Quote:

Originally posted by robmueller
I've made another small update. I've increased the default thumbnail size, and also changing the Larger/Smaller links to a little slider control. I think it's kinda cool

FYI my plan is to send a newsletter in a day or so with all the details about this so users can use it. I was also going to include a link to a sample gallery so people can see can quickly see what the result looks like:

http://testphotos.robm.fastmail.fm/

Basically this is a mix of pictures I've been using while helping Richard test and develop the code, enough photos to cause wrapping to multiple lines, and also a mix of aspect ratios to check that all the centering is working. Just wanted to check I wasn't missing anything obviously wrong with these, or that might offend people...

Rob

I like your slider control but the blue color doesnt fit the current design very well imho

But lovely anyway

**Sherry** · 5th April 2006, 02:55 AM

Hi Rob,

Love your sliding bar but how many buttons are suppose to be on it? I'm seeing 1½. (half button below the top one on 800X600) Will the "average" person know to drag the button? Would a + - on each end ruin the look?

Suggestion:
The Slide Show is a great feature that, again, the average person may not know is there. How about a button in the middle of the bar, between Parent and the slider, that says Slide Show that would bring up the first picture?

Sherry

theDuke · 5th April 2006, 07:35 AM

Quote:

Originally posted by Sherry
Hi Rob,

Love your sliding bar but how many buttons are suppose to be on it? I'm seeing 1½. (half button below the top one on 800X600) Will the "average" person know to drag the button? Would a + - on each end ruin the look?

Suggestion:
The Slide Show is a great feature that, again, the average person may not know is there. How about a button in the middle of the bar, between Parent and the slider, that says Slide Show that would bring up the first picture?

Sherry

slide show ??? did I miss something ?

31st March 2006, 02:31 PM	#1
robmueller Intergalactic Postmaster Join Date: Oct 2001 Location: Melbourne, Australia Posts: 6,098 Representative of: Fastmail.FM	Updated photo gallery... Richard has updated the photo gallery code, which should now create some nicer looking galleries by default. Give it a go. General procedure is: 1. Login to the beta server - http://www.fastmail.fm/beta/ 2. Go to the Files screen 3. Click the Websites button 4. Create a web site, and use the "Photo gallery" publish as option An example is here: http://photos.robm.fastmail.fm/Test%20Photos/ I think Richard has gone away for the weekend now, so have a play and see what you think of the new layout... Rob

2nd April 2006, 04:53 AM	#8
hadaso The "e" in e-mail Join Date: Oct 2002 Location: Holon, Israel. Posts: 4,484	This url http://tryimg.hadaso.net/?imagepage=%D7%AA%D7%A2%D7%95%D7%93%D7%AA%20%D7%A4%D7%98%D7%99%D7%A8%D7%94.JPG produces an HTTP 500 error code ("he server encountered an internal error or misconfiguration ..."). The password needed to access that page is "sisma" (Hebrew for "password". How clever...) Another thing: in the bottom there is a list of image sizes ( 320x216 640x433 745x504) that seem to do nothing (I imagine they should be links to appropriately sized images, and the HTML source also suggests that they are links, but they do not work for me as links, and it is actualy also difficult to select them as text for copying without selcting other things (such as the image) with them.) Edit: I forgot to add: the browser was FF1.5 and the OS was WINXPPRO/SP1. The image sizes appear in the list of links produced by FF in the page's properties. They are also reachable by tabbing to them and pressing "Enter" though one of them (variant=tiny) produces an empty page that shows the URL (and the FF page info says it's a 0x0 image). The URL that produced this was http://tryimg.hadaso.net/ganandschool.GIF?variant=tiny Last edited by hadaso : 2nd April 2006 at 05:00 AM.

31st March 2006, 02:39 PM	#2
robmueller Intergalactic Postmaster Join Date: Oct 2001 Location: Melbourne, Australia Posts: 6,098 Representative of: Fastmail.FM	I should add, here are the known nicities/problems: 1. Gallery now displayed as thumbnail "slides" with all pics centered in their little slide 2. Comment is shown in popup when you move over a thumbnail 3. Works in FF/IE6/Konq (which should mean Safari)/Opera 9 4. Doesn't as nice in Opera 8/other older browsers 5. Clicking on an image shows full size image. Image is automatically scaled to browser window size (and the image downloaded is one scaled server side to be close to the browser window size to optimise download time) 6. Customisable via your own stylesheet (gallery.css and picture.css in the directory for each page respectively) Rob

31st March 2006, 05:10 PM	#3
Sherry Moderator Join Date: Dec 2002 Location: USA Posts: 8,686	Love it. I kinda miss Richard's black background but I absolutely love the look of the rounded corners on the pictures. Richard did a Great job! Sherry

31st March 2006, 07:32 PM	#4
Abydos Essential Contributor Join Date: Jan 2005 Location: UK Posts: 284	Those thumbnail 'slides' are looking great! BTW a tip on password protecting these galleries... (Apologies if this is blindingly obvious to everyone already but it took me a while) In the past, if you password protected a parent-folder, you could create any number of sub-folder pages & they would all, by default, be protected by the same parent-folder password. However as far as I can see, creating photo galleries requires you to map them individually using the Websites button. This is necessary in order to select the 'Photo Gallery View' option. If you're mapping directly to an individual sub-folder, you need to define a password or the gallery appears to be left in the open. You can however define the same password as the parent folder & the browser seems to remember it, meaning your visitors don't need to keep entering the same password for each sub gallery.

1st April 2006, 01:40 PM	#5
ragear Junior Member Join Date: Apr 2006 Posts: 1	Any chance that there can be an option to show the image at its largest size by default? Some of the jagged edges created as a result of it being scaled down are a bit distracting in some cases. Also, the resizing buttons don't seem to work at the bottom in Firefox 1.5.0.1. Anyway its a great feature, thanks for adding it.

1st April 2006, 10:34 PM	#6
theDuke Essential Contributor Join Date: Apr 2002 Location: The Netherlands, EU Posts: 354	got an error on the webpage (photo) i try to get to: ---------------------------------------------- Internal Server Error The server encountered an internal error or misconfiguration and was unable to complete your request. Please contact the server administrator, webmaster@messagingengine.com and inform them of the time the error occurred, and anything you might have done that may have caused the error. More information about this error may be available in the server error log. -------------------------------------------------------------------------------- Apache/1.3.33 Server at web3.internal Port 8080 ---------------------------------------------------

2nd April 2006, 04:37 AM	#7
hadaso The "e" in e-mail Join Date: Oct 2002 Location: Holon, Israel. Posts: 4,484	It seems that adding ?variant=tiny (or small, small2, medium, medium2, large, large2) to any jpeg/gif/png file (not just in a photo gallery) works and sends a resized image. That is very useful for creating websites (sending resized images without having to resize the originals manually). Is ?variant=raw equivalent to using just the filename?

3rd April 2006, 06:04 PM	#9
rjlov Essential Contributor Join Date: Aug 2003 Location: Melbourne, Australia Posts: 282 Representative of: Fastmail.FM	Hi everyone. One major change: You can now select "Photo gallery - slides" or "Photo gallery - film strip" from the Websites screen. The only difference between these two is that they use different style sheets. A quick summary of fixes made today: - fixed GIF resizing - tweaked right edge in slide gallery layout - fixed box layout in slide picture so that links are clickable - fixed utf8 filenames - fixed minor layout problem with IE and Opera hadaso: Files with utf8 names should now work. The problem you found with the tiny picture not appearing was because it was a gif. It appears there is a problem with gifs similar to the one sherry found with pngs earlier. I've worked around it in the same way, so it should be fine now. The size links should work now too (they were obscured by a transparent box - i've changed the css slightly to fix). ?variant=raw is indeed equivalent to sending the filename. It wasn't always (at one stage we had the filename send the image page with navigation links) but it is now. ragear: (as above, the size links should be fixed) I'm not sure if there's much point defaulting to the largest size. You'll still get jaggies if it's scaled to fit the screen, and if not, then you'll have to scroll to see the whole image, and also to find navigation links. Plus, anybody viewing your gallery will use a lot more of your file storage bandwidth! If it really seems like a big deal, and we can find a nice user interface, then we might add this, but for now, don't hold your breath. Sherry: The "film strip" style is back! Go to "websites" and you can now select "Photo gallery - slides" or "Photo gallery - film strip". At the moment we're not planning on expanding this selection, they're just a demonstration of some different things you could do with the css if you were so inclined. theDuke: Can you try again, and if you're still getting the problem, tell me what URL you are using that is giving this error? You can PM me the URL if you'd rather not post it here. Abydos: The photo gallery stuff should work the same was as normal. Just make the top level a "Photo gallery" web site, and all subfolders should also be photo galleries with the same password.

4th April 2006, 04:38 PM	#12
robmueller Intergalactic Postmaster Join Date: Oct 2001 Location: Melbourne, Australia Posts: 6,098 Representative of: Fastmail.FM	I've made another small update. I've increased the default thumbnail size, and also changing the Larger/Smaller links to a little slider control. I think it's kinda cool FYI my plan is to send a newsletter in a day or so with all the details about this so users can use it. I was also going to include a link to a sample gallery so people can see can quickly see what the result looks like: http://testphotos.robm.fastmail.fm/ Basically this is a mix of pictures I've been using while helping Richard test and develop the code, enough photos to cause wrapping to multiple lines, and also a mix of aspect ratios to check that all the centering is working. Just wanted to check I wasn't missing anything obviously wrong with these, or that might offend people... Rob

5th April 2006, 02:55 AM	#14
Sherry Moderator Join Date: Dec 2002 Location: USA Posts: 8,686	Hi Rob, Love your sliding bar but how many buttons are suppose to be on it? I'm seeing 1½. (half button below the top one on 800X600) Will the "average" person know to drag the button? Would a + - on each end ruin the look? Suggestion: The Slide Show is a great feature that, again, the average person may not know is there. How about a button in the middle of the bar, between Parent and the slider, that says Slide Show that would bring up the first picture? Sherry