« Nerd Test Results | Main | Boogie Live »

New Photo Album Section

announcements.jpgI’m doing some house cleaning on the website today. Although it’s not yet bug-free, I’ve added a “Photo Album” section in the Navigation bar (right side of site pages) and have changed the way images are viewed. In the past, portrait (vertical) images could not be viewed without scrolling, a less than desirable experience, and landscape (horizontal) images had to be reduced in size to fit the column width. So what I’ve done is allowed album images to be viewed in a “lightbox” screen requiring no scrolling.

Initially, this worked with Safari and Firefox on Macs, and with Firefox on PCs. However, it locked up in Internet Explorer 6 (IE6) so I disabled it pending some reworking. Today, it appears to be working in Internet Explorer 7 (IE7) but I’m not sure if it works in IE6 as I no longer have IE6 on my office PC. However, now I notice that, at least with Internet Explorer, portrait shaped images are being “squeezed.” That is, the aspect ratio is being rendered too narrow on vertical images.

So, I’d like readers’ help. Click on the albums, view the images and let me know if you experience any irregularities, whether with the portrait shaped images being squeezed or the whole thing not working with your browser. Then just let me know (Include your browser and platform. Thanks!

Posted on Dec 2, 2007 at 05:11PM by Registered CommenterDoug in | Comments3 Comments

PrintView Printer Friendly Version

EmailEmail Article to Friend

Reader Comments (3)

I am using Firefox on a Macbook Pro and it works perfectly. Works in Safari too. MUCH better than the old system!

December 2 | Unregistered CommenterScottie

I see what you mean. Good luck with isolating the problem.

December 3 | Unregistered CommenterJason

It works fine for me on my PC using IE7.

December 5 | Unregistered CommenterJacob

PostPost a New Comment

Enter your information below to add a new comment.
Author Email (optional):
Author URL (optional):
Post:
 
Some HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>