sliding layers..please help

Codewalkers Forums Sponsor:

AT&T devCentral & BlackBerry(r) Webcast Series: BlackBerry and GPS -Build Location Awareness into your BlackBerry Applications, July 10th-1:00PM EST. Register Today!

December 28th, 2004, 01:14 PM

vikaspa

Contributing User

Join Date: Apr 2007

Posts: 99

Time spent in forums: 1 h 3 m 50 sec
Reputation Power: 2

sliding layers..please help

Dear all ...

HELP HELP HELP HELP

I have written a code to slide the 2 layers on equally opposite direction.

BUT The layers get apart in single stroke...

I wanyt your help how do I slide them so that (both) the image can be seen going apart like curtain slowly...

the movement should be like the images on both these layers are moving on opposite direction ..

Find below code for sliding layers made by me..

Please help help

<HTML>
<BODY>
<script>
<!--
var a;
var ar;
var xpos ;
var started=0;
var Id=0;
var Idr=0;
var xposr ;
var Id = 0;
function movement(){
alert("asasds");
xpos = 10 ;

xposr= 550 ;
for ( var m = 0; m < 25 ; m ++)
{
xpos = xpos - m + 2;
xposr =xposr + m * 2 ;

setit( xpos,xposr);
setTimeout("movement();",100);
}
}

function setit(a,b) {

document.all.contents.style.left=a;

document.all.contentsr.style.left=b;

}

</script>
<div id="contents" style="position:absolute; top:4px; left:106px; visibility:visible; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; width: 446px; height: 490px;">
<TABLE width=510 height="509" cellpadding=2 cellspacing=2 >
<TR>
<TD> <div align="right"><img src="StrechBands/images/left-stand.jpg"> </div></TD>
</TR>
</TABLE>
<div align="right"></div>
</div>
<div id="contentsr" style="position:absolute; top:0px; left:613px; visibility:visible; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; width: 446px; height: 490px;">
<TABLE width=510 height="511" cellpadding=2 cellspacing=2 >
<TR>
<TD height="505">
<div align="left"><img src="StrechBands/images/right-stand.jpg"> </div></TD>
</TR>
</TABLE>
<div align="right"></div>
</div>
<div id ="marker" style="position:absolute;top:11px;left:23px;background-color:white;layer-background-color:white"><a href="javascript:void(0)" onMouseOver="movement() ;"><font color=red>Menu</font></a></div>
</body>
</HTML>

Viewing: Codewalkers Forums > Other Technologies > Client Side Things > sliding layers..please help

« Previous Thread | Next Thread »

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump