Great article, thanks again ALA. I did find a problem in Safari though. If your images are not exactly the same size they will be stretched, matching the size of the largest image (I tried it with images of same height different widths, but assume the reverse is also true). I did not specify height or width in code (exactly the same as in the article) & it works fine in IE5.5 Win, Win/Mac Firbird/Firefox, and Camino. I did not change the javascript at all, just copy and paste from the article. I am running Panther 10.3.3, Safari 1.2.1.
Copy & paste the code below to embed this comment.
Lou
Hey Jeremy, thanks for that – very useful – and I even substituted thumnails for the text and it looks neat, but I found a problem….
You say it works for IE 5+ (PC and Mac), but my version of IE (Mac 5.2.3) opens the larger images like they were a link to another page which means I lose all my lovely page formatting and I’m forced to use the back button.
Love this script and would like to use it. It’s not working for me in Netscape 7.1, and I just went through all the comments here. None of the examples work in NS7.1 (except for Rebecca’s beads – absolutely beautiful, by the way!) Works fine in IE6 and Moz.
Here’s my attempt:
http://garfieldz.com/chgo2004-alagallerytest.html
Here’s a screenshot. I want it to look like it does in IE:
http://garfieldz.com/chgo2004-alagallery-screenshot.html
I also love this image gallery. I really need these previous / next buttons though. I thought maybe this can be accomplished using a bit of javascript and using display:none? Or changing the Z-index using javascript? Does anybody know how to do that?
Copy & paste the code below to embed this comment.
jboy
Please only use the following browsers in your comparisons.
IE 6.1 (fully patched)
Opera 7.5b/7.23
Mozilla 1.7b
Firefox 0.8
Safari (1.2)
In case you didn’t know IE 3,4,5, Netscape 4,4.6,4.08,6 are obsolete so let’s not say i hope it can work in any of them.
Are we ever going to move forward. I might as well bring out my betamax video machine so i can watch the latest Matrix dvd disc on it, watch me start crying when i can’t insert the disc.
87 Reader Comments
Back to the ArticleJohn
Great article, thanks again ALA. I did find a problem in Safari though. If your images are not exactly the same size they will be stretched, matching the size of the largest image (I tried it with images of same height different widths, but assume the reverse is also true). I did not specify height or width in code (exactly the same as in the article) & it works fine in IE5.5 Win, Win/Mac Firbird/Firefox, and Camino. I did not change the javascript at all, just copy and paste from the article. I am running Panther 10.3.3, Safari 1.2.1.
Brooks
This may be a fairly basic problem for those with more experience, but being new to JavaScripting….
What I would like is to have the caption provided not by the Title element, but instead along the lines of a PHP include?
I guess pseudo-code for this would look something like this…
01
…where I assume myCaption would be a text string passed to a function within the JavaScript that would then display the contents of the file 01.txt.
Is this sort of thing possible? Either code and/or pointers to resources/examples would be appreciated.
Thanks for taking the time to write this article. Its been quite helpful.
Brooks
Lou
Hey Jeremy, thanks for that – very useful – and I even substituted thumnails for the text and it looks neat, but I found a problem….
You say it works for IE 5+ (PC and Mac), but my version of IE (Mac 5.2.3) opens the larger images like they were a link to another page which means I lose all my lovely page formatting and I’m forced to use the back button.
Any suggestions why it would do that?
Betsy
Love this script and would like to use it. It’s not working for me in Netscape 7.1, and I just went through all the comments here. None of the examples work in NS7.1 (except for Rebecca’s beads – absolutely beautiful, by the way!) Works fine in IE6 and Moz.
Here’s my attempt:
http://garfieldz.com/chgo2004-alagallerytest.html
Here’s a screenshot. I want it to look like it does in IE:
http://garfieldz.com/chgo2004-alagallery-screenshot.html
Would appreciate some help! Thanks!
Betsy
My bad! There was a problem with my NS profile. AOK now. Love the script! Thanks!
Kor
I also love this image gallery. I really need these previous / next buttons though. I thought maybe this can be accomplished using a bit of javascript and using display:none? Or changing the Z-index using javascript? Does anybody know how to do that?
jboy
Please only use the following browsers in your comparisons.
IE 6.1 (fully patched)
Opera 7.5b/7.23
Mozilla 1.7b
Firefox 0.8
Safari (1.2)
In case you didn’t know IE 3,4,5, Netscape 4,4.6,4.08,6 are obsolete so let’s not say i hope it can work in any of them.
Are we ever going to move forward. I might as well bring out my betamax video machine so i can watch the latest Matrix dvd disc on it, watch me start crying when i can’t insert the disc.