iFrame as Slide Show

I am trying to create a simple slide show using an iFrame.
I have a jpeg on an html page that is about 2000px wide.

I have created an iFrame so it masks the file, giving users a slider to move along the jpeg. Works fine in preview out of GoLive but when I test it live, the jpeg file is no longer masked out in a tidy lttle centred box.

Any ideas? (Yeah. I know...DHTML is really the way to do this properly!)

Can we see the page? That would make life a lot easier.

At the end of the day an alternative method to this would be better though. DHTML, Flash, or simply using HTML and moving onto the next page via a meta refresh.

By using a 2000px wide image you're creating one big problem - loading time. It's got to be seriously high? Remember that images load from left to right one line of pixels at a time... so even when the file is half loaded you'll only see the top half of all the images. No one image will load first, which frankly sucks.

It would be easier to code and troubleshoot this if you lost the iFrame and instead used CSS' overflow feature.

http://www.quirksmode.org/css/overflow.html

Thanks for the helpful advice.

The picture is one long (2500px!) jpeg not individual pictures.

That css code looks nifty. I'm just getting to grips with the more advanced features of css and trying to use less graphics-heavy stuff (sliced images!)

I know, re-read my post again. I was saying that it would load from left to right across 2500 pixels, so it would take ages to load the entire image. Until the entire image is loaded, none of the individual images displayed within it can be seen totally.

You have create a slide show with Flash SlideVidShow: http://www.geovid.com/Flash_SlideVidShow/

If your going to leave it as one long pic, I would slice it into 5 500px long images, just so that it loads a bit better.