Comments on: JavaScript slideshow fun

By: otro blog m�s » Unos cuantos de desarrollo web (LXXXIV)

otro blog m�s » Unos cuantos de desarrollo web (LXXXIV) — Sun, 09 Apr 2006 19:40:17 +0000

[...] Cosillas de JavaScript, DHTML, DOMScripting o c�mo se le quiera llamar… Un fundido de im�genes, otro y un tercero. DOMTab son unas pesta�as bastante apa�adas, justo igual que JavaScript Tabifier. [...]

By: Dustin Diaz

Dustin Diaz — Tue, 21 Mar 2006 06:12:01 +0000

Nat, just jumped here from Simon’s site ;) - if you’re looking to get fancy with listeners, definitely check out the Y! util.Event stuff.

Stuart, the hang Glider was much cooler. at least you don’t have a funny pop-up-clown-box like Cameron’s book. Some of these covers just trip me out - you really have to question what they were thinking.

By: sil

sil — Sat, 25 Feb 2006 03:37:55 +0000

Frog cover…your guess is as good as mine. The covers happen somewhere I don’t know about. :)

By: natbat

natbat — Thu, 23 Feb 2006 16:51:59 +0000

I did look at using DOMContentLoaded and Dean’s defer trick but the solution I came up with worked so the slideshow no-longer hangs while the images load, I will probably go back and use that trick anyway though, I just wanted to see if the try / catch on the DOM loading worked as a quick fix for the time being. Thanks for the suggestion … and the book! and I much prefer the frog cover :)

By: Jeremy Dunck

Jeremy Dunck — Thu, 23 Feb 2006 10:30:29 +0000

Hey Stuart– what’s with the frog cover? The one’s I’ve bought (2) both have the hang glider…

By: Natalie Downe » Fixing a few JavaScript slideshow loose ends

Natalie Downe » Fixing a few JavaScript slideshow loose ends — Thu, 23 Feb 2006 09:06:18 +0000

[...] As pointed out by Jeremy, my linkable slideshow needed some work to fix the load order of the page without altering the ‘unobtrusiveness’ of its behaviour. [...]

By: sil

sil — Thu, 23 Feb 2006 08:33:04 +0000

Nice. I like that. As an alternative to Jeremy’s suggestions, you might want to hook DOMContentLoaded (in Firefox) and use Dean’s defer trick (http://dean.edwards.name/weblog/2005/09/busted/) in IE so you don’t hang while the images are loading.

And thanks for the book pimpage, although you of course know that the technical editor did all the *hard* work. :-)

By: natbat

natbat — Wed, 22 Feb 2006 23:54:46 +0000

Thanks Jeremy that’s really useful. The second method, like you said, does sound a cleaner way of approaching the solution - Ill have a go at that :)

By: Jeremy Dunck

Jeremy Dunck — Wed, 22 Feb 2006 22:47:48 +0000

Also consider putting a prev/next link set at the top, where it’s fixed location will make it easier to repeatedly click the same link without re-mousing.

… And the long load time before reorging the page into the slideshow onload may be confusing. I can imagine people thinking its a regular list of photos, scrolling down (as it continues to load) and then being surprised when the page pops down to the first image.

Two ways I can think of to address that:

1) Don’t wait for onload to start scripting: you could immediately start watching for img elms (even as the doc is being loaded) and hide them as they are parsed into the DOM.

2) From script, immediately style all images to be hidden, then onload fix up your viewer and un-hide them.

… I think the 2nd way is better. In the 1st way, you’re likely to be fighting rendering reflows with the first approach.

(Sorry for the criticism– I do like the general result. :))