Update poss.for Left-Right Curtain Script?

**Des Gander** · 11-27-2008, 12:22 PM

1) Script Title: Left-Right Curtain Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex3/document6.htm

3) Describe problem: Hi,

This script looks ideal for opening the main page of a new site I'm doing for my wife's 'amateur dramatics' society. I adapted it (following an old thread on this forum) to use a 'curtains background', but although this works in Opera 9.61 on my PC, it sadly doesn't online (see http://www.topshamestuaryplayers.org...st/index3.html), nor in IE7 and Safari 3.1 (I don't know about Firefox).

The original script does work OK for me in Opera 9.61 (see a http://www.topshamestuaryplayers.org...st/index6.html) but again, not the others.

Are there any changes that could be made to the script so that it will work in these other browsers please? (Pretty please?).

**ddadmin** · 11-28-2008, 09:37 AM

This is a really old script, and I'm surprised it still runs in Opera 9 for you. What's the URL to the old thread you followed to get to where you are now? In general I don't see a quick way to get this script to work cross browser short of a complete rewrite, which would take some time for me to get to.

**jscheuer1** · 11-28-2008, 10:51 AM

Speaking about the script as it appears in the Dynamic Drive Library:

http://www.dynamicdrive.com/dynamicindex3/document6.htm

For all its flaws (by modern standards), the one thing that really dates it is that it was written for quirksmode. So, if you were to remove the DOCTYPE from your page, that could very well solve your problem.

**Des Gander** · 11-28-2008, 01:04 PM

Hi DDAdmin - the old thread's at http://www.dynamicdrive.com/forums/s...ead.php?t=4458.

Thank you for looking at it.

Des

**Des Gander** · 11-28-2008, 01:05 PM

Originally Posted by jscheuer1

Speaking about the script as it appears in the Dynamic Drive Library:

http://www.dynamicdrive.com/dynamicindex3/document6.htm

For all its flaws (by modern standards), the one thing that really dates it is that it was written for quirksmode. So, if you were to remove the DOCTYPE from your page, that could very well solve your problem.

Thanks John - I'll give it a try.

Des

**Des Gander** · 11-28-2008, 03:47 PM

Originally Posted by jscheuer1

if you were to remove the DOCTYPE from your page, that could very well solve your problem.

Sadly this made no difference - but thanks again for the thought,

Des

**jscheuer1** · 11-28-2008, 05:11 PM

I had a script laying around that did something like this vertically. It's pretty much up to date, so I figured how hard could it be to change it to horizontal? I think I've worked that out. It uses jquery-1.2.6.pack.js and requires the body to have no margin or padding, a 'fixed_container' division for the page as well a bit of other markup:

HTML Code:

<body>
<div id="fixed_container">
	<div class="left_cover"></div>
	<div class="right_cover">	</div>
	<div class="slidebut">
		<input class="but" type="button" value="Reveal">
	</div>
Your content goes here
</div>
</body>

It also requires at least a valid HTML 4.01 Transitional DOCTYPE. The button can be disabled, so that the effect occurs on page load, and the background for the curtains may be set via css style:

http://home.comcast.net/~jscheuer1/s...rz_curtain.htm

Use your browser's 'view source' to get the code.

**Des Gander** · 11-29-2008, 06:20 PM

Thank you very much John! It was kind of you - I shall have great fun trying this out and I'll let you know how I get on,

Cheers
Des

**Des Gander** · 12-01-2008, 09:39 PM

Success! It's up and running at www.topshamestuaryplayers.org.uk

I left the button off and used CSS on both slides so that I now have a 'stage curtain' and it works in Opera 9.61, Safari 3 and IE7 on a PC (just a little jerky on the latter). I can't test for a Firefox on PC or Mac but am hopeful.

Many thanks John, I really am grateful (& in appreciation I've made a small donation to the IRC.)

Des

**jscheuer1** · 12-02-2008, 03:39 AM

The IRC and I am grateful. Have you ever tested your code in IE 6? I'm seeing minor problems with it in that browser that shouldn't be to hard to work out. Otherwise, things look pretty good.

One thing that strikes me about this approach though is that it works best once the images are cached. To that end we could consider adding a preload with progress bar sort of thing, so that first time users would get a more optimal experience.