CSS hover technique to display pictures

I came up with this idea to show the larger picture of a thumbnail by
hiding it with css and "unhide" it when one hovers over the thumbnail.
I think it looks pretty nifty, but the problem with this technique is
that you force the visitor to download all the large pictures too when
they open the thumbnails page. Is there any way to avoid this without
using javascript?

This is the page:
http://deimos.curious.be/~dusk/media...c#picturestart

TomB wrote:

I came up with this idea to show the larger picture of a thumbnail by
hiding it with css and "unhide" it when one hovers over the thumbnail.
I think it looks pretty nifty, but the problem with this technique is
that you force the visitor to download all the large pictures too when
they open the thumbnails page. Is there any way to avoid this without
using javascript?

This is the page:
http://deimos.curious.be/~dusk/media...c#picturestart

Have a look at http://www.cssplay.co.uk/menu/index.html and see some of
his gallery examples - they rock!

On Sun, 10 Sep 2006 19:28:31 +0100, Brendan Gillatt
<brendan (AT) brendanREMOVETHISgillatt (DOT) co.uk> wrote:

TomB wrote:
I came up with this idea to show the larger picture of a thumbnail by
hiding it with css and "unhide" it when one hovers over the thumbnail.
I think it looks pretty nifty, but the problem with this technique is
that you force the visitor to download all the large pictures too when
they open the thumbnails page. Is there any way to avoid this without
using javascript?

This is the page:
http://deimos.curious.be/~dusk/media...c#picturestart


Have a look at http://www.cssplay.co.uk/menu/index.html and see some of
his gallery examples - they rock!

Well, they're entertaining enough, but unless I am mistaken they don't
address the problem that TomB gave. And I think the answer to TomB's
question is that you do indeed need script to handle this well (though
it should be fairly straightforward to provide graceful degradation for
visitors without script).

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/

TomB wrote:

I came up with this idea to show the larger picture of a thumbnail by
hiding it with css and "unhide" it when one hovers over the thumbnail.
I think it looks pretty nifty, but the problem with this technique is
that you force the visitor to download all the large pictures too when
they open the thumbnails page. Is there any way to avoid this without
using javascript?

Specify the _same_ image with a different width (or height) as from its
inherent dimensions (in your case).

--
Gus

Stephen Poley <sbpoleySpicedHamTrap (AT) xs4all (DOT) nl> wrote in
news9r8g2l4vnc1gaaq1bg6p8h5njpmaetc1s (AT) 4ax (DOT) com:

On Sun, 10 Sep 2006 19:28:31 +0100, Brendan Gillatt
brendan (AT) brendanREMOVETHISgillatt (DOT) co.uk> wrote:

TomB wrote:
I came up with this idea to show the larger picture of a thumbnail
by hiding it with css and "unhide" it when one hovers over the
thumbnail. I think it looks pretty nifty, but the problem with
this technique is that you force the visitor to download all the
large pictures too when they open the thumbnails page. Is there
any way to avoid this without using javascript?

This is the page:
http://deimos.curious.be/~dusk/media...c#picturestart


Have a look at http://www.cssplay.co.uk/menu/index.html and see some
of his gallery examples - they rock!

Well, they're entertaining enough, but unless I am mistaken they
don't address the problem that TomB gave. And I think the answer to
TomB's question is that you do indeed need script to handle this
well (though it should be fairly straightforward to provide graceful
degradation for visitors without script).

I just browsed the site mentioned above and find "entertaining enough"
quite an understatement. They don't address the OP's problem, I agree,
but there are some mighty fine looking (although, I admit I looked at
no code) solutions to many difficult to achieve effects. Thank you,
Brendan, for the link. I agree with you, those pages rock.

As far as TomB's problem, I'd like to know that too, but I also agree
that it will probably require some scripting.

--
Stan McCann, RETIRED!!, "Uncle Pirate" http://stanmccann.us/
Implementing negative score for googlegroup postings, see
http://blinkynet.net/comp/uip5.html
A zest for living must include a willingness to die. - R.A. Heinlein