Briefpapier met een horizontale scroll

 

 

 

Je kunt je mail, of alleen een afbeelding erin naar links of rechts laten scrollen met het script hieronder. Lees eerst de aanwijzingen.

Ik heb in het script met rood de delen aangegeven die je moet wijzigen, en met groen wat je moet wijzigen.

 

Je gaat als volgt te werk:

       

 

   

Klik nu op voorbeeld (tabblad onderste taakbalk), en als het goed is zie je nu je plaatje of briefpapier scrollen. Klik op bewerken en typ de tekst. En helemaal af wordt het natuurlijk als je er een muziekje achter zet....

 

 

Terug


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<STYLE type=text/css>
<!--

body {
font-family: Comic Sans MS;
font-weight: normal;
font-size: 12pt;
color: #000000;
margin-left: 25px;
margin-right: 5px;
margin-top: 315px;
background-color: #ffffff;

SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #737D7C; SCROLLBAR-BASE-COLOR: #737D7C; 
}

-->
</STYLE>
</HEAD>

<BODY background="C:\Briefpapier\achtergrondplaatje.jpg">vul hier eventueel het pad naar de achtergrond in
<DIV></DIV>
<HR style="DISPLAY: none">
<IMG id=pics
style="DISPLAY: none" src="C:\Briefpapier\scrollplaatje.jpg">vul hier het pad naar het te scrollen plaatje in
<DIV id=imageholder
style="Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: 0px">
<SCRIPT language=VBScript>
<!--
direction="left" REM CHANGE SCROLL DIRECTION HERE verander hier de scrollrichting, "left" of "right"
sizew=438 REM SCROLLING IMAGE WIDTH HERE vul hier de breedte van je plaatje in
sizeh=310 REM SCROLLING IMAGE HEIGHT HERE vul hier de hoogte van je plaatje in
source=pics.src
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>"

sub scroll()

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

scroll()

</SCRIPT>

<SCRIPT language=javascript>
<!--
var i=0;
var msg="";

var m1="Typ hier je eigen tekst ";
var m2="die in de ticker ";
var m3="moet komen te staan ";

function playtext()
{
setTimeout("playtext()",250);
window.status=msg.substring(i,msg.length)+msg.substring(0, i)
if(i++==msg.length)i=0;
}
msg=m1+m2+m3;
playtext();

</SCRIPT>