Make your own free website on Tripod.com
"How to make a Left Scroll with a Single Image Bounce Using OE"

I would print this for ready reference
Save all your images to
C:\Program Files\Common Files\Microsoft Shared\Stationery
for this tutorial.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Everything in RED is what you will change.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
For the Bouncing small image, you will see this down near the bottom.
where it say's smilie ragtime.gif, change that to the name of your image
 and if it is a jpg, change the gif to jpg. Make sure your height, and width
are changed also.
</SCRIPT>
</DIV><!--webbot bot="HTMLMarkup"
endspan -->
<P><IMG style="LEFT: 0px; POSITION: absolute; TOP: 0px" height=43
src="C:\Program Files\Common Files\Microsoft Shared\Stationery\smilie ragtime.gif" width=50 name=bounce> <!--webbot bot="HTMLMarkup" startspan
alt="[&lt;b&gt;This is the Bounce Script&lt;/b&gt;]" -->
<SCRIPT language=JavaScript>
function bounce1(){
window.tm=setInterval('bounceIt()',2);
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
This is your main script
Everything in RED is what you will change.
</head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Starbright Stationery</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 5.50.4611.1300" name=GENERATOR><BGSOUND balance=0
src="C:\Program Files\Common Files\Microsoft Shared\Stationery\Aquarela.mid"
You may see this instead of  the above line.
cid:009701c221b7$9dd048c0$737e9a40@oemcomputer
Change it
volume=0 loop=infinite></HEAD>
<BODY
style="FONT-WEIGHT: bolder; FONT-SIZE: 14pt; BACKGROUND-ATTACHMENT: scroll; MARGIN: 18px 40px 5px 320px; BACKGROUND-REPEAT: repeat-y; FONT-FAMILY: Arial"
text=#FFFFFF vLink=#8e7051 link=#8e7051 bgColor=#8BA642
background="C:\Program Files\Common Files\Microsoft Shared\Stationery\Inviting Path.jpg">
You may see this instead of  the above line.
cid:009601c221b7$9dd048c0$737e9a40@oemcomputer
Change it
<P><!--webbot bot="HTMLMarkup" startspan
alt="[&lt;b&gt;This is the OE5 Scroll Script&lt;/b&gt;]" --></P>
<DIV id=imageholder
style="Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: 0px">
<SCRIPT language=VBScript>
<!--
direction="up" ' change the direction of the scroll here: "up" or "left" or "down" or "right"
sizew=850 ' enter the width of the scrolling image here
sizeh=280 ' enter the height of the scrolling image here
nail=0
source=document.body.background
tall=((screen.height\sizeh)+1)*2
wide=(screen.width\sizew)+1
if direction="up" then
max=tall
axis=sizeh
placement=0
reset=0
elseif direction="left" then
max=wide
axis=sizew
placement=0
reset=0
elseif direction="down" then
max=tall
axis=0
placement=-sizeh
reset=-sizeh
elseif direction="right" then
max=wide
axis=0
placement=-sizew
reset=-sizew
end if
document.write "<pre>"
for temp=0 to max
if direction="up" then
document.write "<img id=pics"&temp&" src><br>"
elseif direction="left" then
document.write "<img id=pics"&temp&" src>"
elseif direction="down" then
document.write "<img id=pics"&temp&" src><br>"
elseif direction="right" then
document.write "<img id=pics"&temp&" src>"
end if
document.all("pics"&temp).src=source
next
document.write "</pre>"
document.body.background=" "
window.status="~~~Starbright Stationery~~~Enjoy~~~"
sub scroll()
if nail=1 then
exit sub
end if
if placement < axis then
setTimeout "move", 1
else
placement=reset
setTimeout "move", 1
end if
end sub
sub move()
if direction="up" then
imageholder.style.top=-placement
elseif direction="left" then
imageholder.style.left=-placement
elseif direction="down" then
imageholder.style.top=placement
elseif direction="right" then
imageholder.style.left=placement
end if
placement=placement+1
setTimeout "scroll", 1
end sub
sub imageholder_()
if nail=0 then
nail=1
else
nail=0
end if
scroll()
end sub
scroll()
-->
</SCRIPT>
</DIV><!--webbot bot="HTMLMarkup"
endspan -->
<P><IMG style="LEFT: 0px; POSITION: absolute; TOP: 0px" height=43
src="C:\Program Files\Common Files\Microsoft Shared\Stationery\smilie ragtime.gif" width=50
You may see this instead of  the above line.
cid:009501c221b7$9dd048c0$737e9a40@oemcomputer
Change it
name=bounce> <!--webbot bot="HTMLMarkup" startspan
alt="[&lt;b&gt;This is the Bounce Script&lt;/b&gt;]" -->
<SCRIPT language=JavaScript>
function bounce1(){
window.tm=setInterval('bounceIt()',2);
}
function bounce2(){
clearInterval(window.tm);
}
var x=5;
var y=2;
var offsetx=5;
var offsety=5;
function bounceIt() {
var el = document.all.bounce;
x+=offsetx;
y+=offsety;
if ((x+el.offsetWidth>document.body.clientWidth+document.body.scrollLeft) || (x<=document.body.scrollLeft)) {
offsetx=-offsetx;
if (x<document.body.scrollLeft) x=document.body.scrollLeft;
if (x+el.width>document.body.clientWidth+document.body.scrollLeft)
x=document.body.clientWidth-el.offsetWidth+document.body.scrollLeft;
};
if ((y+el.offsetHeight>document.body.clientHeight+document.body.scrollTop) || (y<=document.body.scrollTop)) {
offsety=-offsety;
if (y<document.body.scrollTop) y=document.body.scrollTop;
if (y+el.offsetHeight>document.body.clientHeight+document.body.scrollTop)
y=document.body.clientHeight-el.offsetHeight+document.body.scrollTop;
};
el.style.posTop = y;
el.style.posLeft = x;
}
setTimeout("bounce1()",2500);
window.onunload=bounce2;
</SCRIPT>
<!--webbot bot="HTMLMarkup"
endspan --></P>
</BODY>
</HTML>

---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.372 / Virus Database: 207 - Release Date: 6/20/2002