8 replies [Last post]
horix
Offline
Regular
Last seen: 15 years 31 weeks ago
Joined: 2004-03-11
Posts: 14
Points: 0

I'm hellping a friend build a site.. I made this mouseover image gallery for him with CSS and JS... but he says the display box doesnt resize on his computer but stretches the pic instead (he is using IE6.. ive got safari)... just wondering what exactly i did here that IE didnt like, and how i might be able to fix it..

http://www.andrew.cmu.edu/~gkeene/hollander/

thanks in advance

co2
co2's picture
Offline
Leader
UK
Last seen: 11 years 26 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

apparent IE6 bug...

The link doesn't work?

The next sentence is true. The previous sentence is false. Discuss...

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 49 weeks 6 days ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

apparent IE6 bug...

Hi

The link does now work, but it is clearly your java that doesn't. Did you make the java or did you get it from somewhere?

My suspicion is that the doctype is forcing standards mode and the jav isn't written quite right for that.

Many older java scripts have this problem.

Dynamic Drive has a script that will do exactly what you want, can't remember the link right now, that supports variable image size. They converted all their scripts to support doctypes some time ago.

Trevor

Stu
Stu's picture
Offline
Enthusiast
Bristol uk
Last seen: 15 years 39 weeks ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

apparent IE6 bug...

This type of mouseover is always possible with just CSS using the :hover state to display the image and the normal state to 'hide' it.

It's not what you do it's the way that you do it.
So do it with STYLE
http://www.s7u.co.uk

horix
Offline
Regular
Last seen: 15 years 31 weeks ago
Joined: 2004-03-11
Posts: 14
Points: 0

apparent IE6 bug...

its a script from alistapart.com (thought i credited the source...) i would do it with CSS, but there are so many images.. i thought i might be a problem... do you know of a site with an explanation of how to do it with just CSS?? thanks...

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 49 weeks 6 days ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

apparent IE6 bug...

Hi

Take a look at stu's posts, coz I am sure something similar came up recently.

Trevor

Stu
Stu's picture
Offline
Enthusiast
Bristol uk
Last seen: 15 years 39 weeks ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

apparent IE6 bug...

I have quickly knocked up a demo using your first three images (which by the way I have compressed to 80% from 99% to give a huge reduction in file size and load times) ~

http://www.stunicholls.myby.co.uk/cssforum/gallery/

If you examine the source code you will see how easy it is to do this in CSS.
It is also possible to modify the CSS so that you click each link and the image stays on the screen until the next click.

It's not what you do it's the way that you do it.
So do it with STYLE
http://www.s7u.co.uk

tommuir
Offline
Regular
Upper east side
Last seen: 12 years 44 weeks ago
Upper east side
Joined: 2004-04-05
Posts: 40
Points: 0

apparent IE6 bug...

It's even easier in Javascript... Or at least it should be. Just give an onmouseover attribute which changes the src attribute to one of many pre loaded images. It' really simple, no need for all that code i'm afraid.

i am not here

Stu
Stu's picture
Offline
Enthusiast
Bristol uk
Last seen: 15 years 39 weeks ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

apparent IE6 bug...

No code in my version, just style.
I tend not to use javascript if at all possible because many people turn it off.

It's not what you do it's the way that you do it.
So do it with STYLE
http://www.s7u.co.uk