seeburg.co.uk

While sitting in a puddle William Tasso scribbled in the mud:

Duende wrote:
While sitting in a puddle William Tasso scribbled in the mud:

Duende, I fixed it up for a friend based on /index-old.htm at the
same domain.

Ok Sir, whatever you say Sir. )

get back in yer box - I'll tell you when ;o)

Ok Sir, whatever you say Sir.

--
Duende

Duende wrote:

While sitting in a puddle William Tasso scribbled in the mud:

Document: http://seeburg.co.uk

You need to preload the two mouseover images

explaination? example?

otherwise they don't load
until you mouseover. (IE-6 & Firefox)

and therefore don't load at all if there is no mouseover? isn't that a good
thing?

--
William Tasso

While sitting in a puddle William Tasso scribbled in the mud:

Duende wrote:
While sitting in a puddle William Tasso scribbled in the mud:

Document: http://seeburg.co.uk

You need to preload the two mouseover images

explaination? example?

otherwise they don't load
until you mouseover. (IE-6 & Firefox)

and therefore don't load at all if there is no mouseover? isn't that
a good thing?

http://tinyurl.com/2j8jy

http://tinyurl.com/2wxrk

Sorry, no demo right now.

--
Duende

"William Tasso" wrote...

Duende wrote:
While sitting in a puddle William Tasso scribbled in the mud:

Document: http://seeburg.co.uk

You need to preload the two mouseover images

explaination? example?

otherwise they don't load
until you mouseover. (IE-6 & Firefox)

and therefore don't load at all if there is no mouseover? isn't that a
good
thing?

--
William Tasso

It takes some time for the rollover image to load when you hover. A good
technique for css rollovers is to combine the image and it's corresponding
rollover into one image. example:
http://members.aol.com/jrzycrim01/demo.html

I took the two images of the m100c and stacked them on top of run another to
make on image. When a user hovers over the image, the background position is
shifted to make the lower half of the image appear.

a#m100c {
background-image:url("m100c.jpg")
}
a#m100c:hover {
background-position: 0px -160px;
}

It requires no preloading since there is only on image. It's a bit faster to
change the position instead of loading another image. Hope this helps...

Jim Roberts

"William Tasso" <news27 (AT) tbdata (DOT) com> wrote

Greetings one and all.

Document: http://seeburg.co.uk

Comments/advice welcome. Thanks.
--
William Tasso

Other than the minor rollover problem (which I offer a solution where you
don't have to resort to a preload script in my other post), it's a great
site. Good Job.

Jim Roberts

"William Tasso" <news27 (AT) tbdata (DOT) com> wrote

Greetings one and all.

Document: http://seeburg.co.uk

Comments/advice welcome. Thanks.
--
William Tasso

Other than the minor rollover problem (which I offer a solution where you
don't have to resort to a preload script in my other post), it's a great
site. Good Job.

Jim Roberts

"William Tasso" <news27 (AT) tbdata (DOT) com> wrote

Greetings one and all.

Document: http://seeburg.co.uk

Comments/advice welcome. Thanks.
--
William Tasso

Other than the minor rollover problem (which I offer a solution where you
don't have to resort to a preload script in my other post), it's a great
site. Good Job.

Jim Roberts

While sitting in a puddle Jim Roberts scribbled in the mud:

It takes some time for the rollover image to load when you hover. A
good technique for css rollovers is to combine the image and it's
corresponding rollover into one image. example:
http://members.aol.com/jrzycrim01/demo.html

I took the two images of the m100c and stacked them on top of run
another to make on image. When a user hovers over the image, the
background position is shifted to make the lower half of the image
appear.

a#m100c {
background-image:url("m100c.jpg")
}
a#m100c:hover {
background-position: 0px -160px;
}

It requires no preloading since there is only on image. It's a bit
faster to change the position instead of loading another image. Hope
this helps...

Jim Roberts

Hey, that's cool & best of all no js crap.

--
Duende

"Duende" wrote...

Hey, that's cool & best of all no js crap.

--
Duende

Thanks.

I love that technique. I forgot were I found it. A google search for CSS
rollovers will probably turn it up easy enough.

Everone else,
Pardon my multiple posts below. I got an error when I originally posted
that message and I inadvertently sent it 3 times.

Jim Roberts.

While sitting in a puddle Jim Roberts scribbled in the mud:

I got an error when I originally posted

Sure you did. We all know you just like to see your name in print.

--
Duende