javascript slideshow bug in Safari | WPDFD.com Forums

Couic said:

10/12/04, 286 13 2004 2004:%i:1097576024 06:13:44

Would you have any advice on how to fix this slideshow javascript? it seems to be working fine with IE and Firefox but not with Safari : if the new image loading is larger than the previews one, then all the images being displayed after that will stretch to have the same width as the largest picture.


"http://www.w3.org/TR/html4/loose.dtd">



New

Joe Gillespie said:

10/12/04, 286 12 2004 2004:%i:1097579546 07:12:26

Safari is below par when it comes to JavaScript but this particular script looks pretty long-in-the-tooth anyway. It is not valid HTML, so anything can happen in modern browsers.

In scripts like this, it is best to stick with images of the same size. If the images are GIF or PNG, you could pad them out with transparent borders. As they are JPGs, you can't do that.

I think that you need a more modern CSS-based slideshow. If you can't find one, I'll do one for the next editorial.

Couic said:

10/12/04, 286 57 2004 2004:%i:1097582239 07:57:19

Thanx for your answer. My intention using that script was to have a page presenting a slideshow of jpgs that I have no control over because they are uploaded by users via a php interface. In my example the amount of images is limited (it really is a much higher amount) and the onError fonction is here to rewind the slideshow when visitors reach the last image present in the folder.

Joe Gillespie said:

10/12/04, 286 56 2004 2004:%i:1097585804 08:56:44

So anybody could upload any image of any size ??? Dangerous.

If you set the img size to, say 200 x 300, any image uploaded would be scaled to fit. If you tell people that their images will be scaled if they are not the 'correct' size, they might make an effort. Either way, it would solve your immediate problem.

Couic said:

10/12/04, 286 31 2004 2004:%i:1097587897 09:31:37

The images are all the same hight (400) but they can vary in width...

Jgold723 said:

11/18/04, 323 50 2004 2004:%i:1100814632 16:50:32

I have the very same problem with a different slide show script. Did you have any luck resolving this? My script is below. You can see it in action at http://www.natashakempers-cullen.com/quilts-slide.shtml.

It works fine in everything, except Safari.

John


	Color Jazz
close this window

Joe Gillespie said:

11/19/04, 324 59 2004 2004:%i:1100843959 00:59:19

If you've run the script through Mozilla or Firefox JavaScript debugger and it all seems okay, it will be Safari's fault. Safari is very lame when it comes to JavaScript, especially if you aren't using the very latest one.

Joe Gillespie said:

11/19/04, 324 08 2004 2004:%i:1100844502 01:08:22

I've looked at the page in the latest Safari and the JavaScript runs fine but as you haven't specified any image sizes, every image is resizing to the same size as the first image. You need to make them all the same size or use a different CSS-based technique.

I have CSS-based slide shows at

http://www.wpdfd.com/editorial/wpd0103.htm#feature

and

http://www.minifonts.com/gallery.html

that you can swipe.

Jgold723 said:

11/19/04, 324 48 2004 2004:%i:1100872107 08:48:27

Hey -- very neat CSS stuff! Thanks for the reply -- I'll take a look.

John

Gendem said:

03/15/05, 074 31 2005 2005:%i:1110911486 13:31:26

An interesting solution to be sure, but it sure does add to the file size. Conside having 35 images in a slide show (which I do). Thant means 35 blocks of CSS in addition to the javascript to control it, as opposed to just the javascript.

I am seeing the same problem: that subsequent images inheirit the size of previous images in a javascript slideshow when no img dimentions are specified and the image widths vary, only in safari.

Is there no solution to this problem that doesn't involve resizing all images to be the same width?

...Mike