<

<! 2 foto’s over elkaar

Ga hierboven naar "bewerken" en kies voor "alles selecteren". Terug "bewerken" en dan "kopiëren"?. Open nu outlook express en neem "nieuw bericht". Onderaan open je de "bron" en klik onderaan tussen </BODY><!</HTML> <! Dat is daar waar het groene tekens staan en klik daarna met de rechtermuisknop. Kies nu voor "plakken" en onderaan op "voorbeeld". Je ziet dat je mail klaar is behalve je foto's en tekst. De tekst kun je in de stand "bewerken", of zie rode tekst hieronder, aan passen en de foto's moet je in de "bron" vervangen. En dat 3 maal, zie het blauwe deel: <IMG id=pic1 src="2_fotos_over_elkaar_bestanden/………" ><! Waar de XXXXX staan kun je het pad van je muziek invullen, net als bij je beelden.>

<STYLE>BODY {

COLOR: #008080; FONT-FAMILY: Lucida Handwriting; FONT-SIZE: 14pt

}

.letterStyle {

COLOR: #008080; FONT-FAMILY: Lucida Handwriting; FONT-SIZE: 14pt; PADDING-BOTTOM: 30px; PADDING-LEFT: 10%; PADDING-RIGHT: 10%; PADDING-TOP: 30px

}

</STYLE>

'----------------------------------------------------------------------------

' Crossing Photos,

'----------------------------------------------------------------------------

' Crossing Photos HTML and Script follows:

Option Explicit

Dim screenx, screeny, proportion

Dim flag1, flag2

Dim imageHeight

Dim resizeFlag

Dim x1, x1i

Dim y1

Dim x2, x2i

Dim y2

' Image height compared to window height

imageHeight=.5

resizeFlag=false

Sub Window_OnLoad()

window.scrollTo 0,0

flag1=false

flag2=false

screenx=document.body.clientWidth

screeny=document.body.clientHeight

proportion=Image1.offsetHeight/Image1.offsetWidth

Image1.style.posHeight=screeny*imageHeight

Image1.style.posWidth=Image1.style.posHeight/proportion

proportion=Image2.offsetHeight/Image2.offsetWidth

Image2.style.posHeight=screeny*imageHeight

Image2.style.posWidth=Image2.style.posHeight/proportion

Image1.style.posTop=0

Image1.style.posLeft=-(Image1.style.posWidth)

Image2.style.posTop=0

Image2.style.posLeft=screenx

if Image1.style.posWidth>screenx/2 then Image1.style.posWidth=screenx/2

if Image2.style.posWidth>screenx/2 then Image2.style.posWidth=screenx/2

topStrip.style.posWidth=screenx

topStrip.style.posHeight=Image1.style.posHeight

topStrip.style.posLeft=0

topStrip.style.posTop=0

letter.style.posWidth=screenx

letter.style.posLeft=0

letter.style.posTop=topStrip.style.posHeight

topStrip.style.visibility="visible"

letter.style.visibility="visible"

x1i=1

x1=-(Image1.style.posWidth)

y1=screenx-Image1.style.posWidth

x2i=-1

x2=screenx

y2=0

crossPix1

crossPix2

End Sub

Sub Window_OnResize()

if resizeFlag then

window.scrollTo 0,0

Window_OnLoad

resizeFlag=false

Exit Sub

else

resizeFlag=true

end if

End Sub

sub crossPix1()

x1=x1+x1i

Image1.style.left=x1

if x1>=y1 then Exit Sub

SetTimeOut"crossPix1",30

end sub

sub crossPix2()

x2=x2+x2i

Image2.style.left=x2

if x2<=0 then Exit Sub

SetTimeOut"crossPix2",30

end sub

</SCRIPT>

<BLOCKQUOTE

style="BORDER-LEFT: #000080 0px solid; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px">

<DIV

style="BACKGROUND: #fff5d5; FONT: 14pt lucida handwriting; font-color: #008080"

<DIV id=topStrip

style="BACKGROUND-COLOR: #fff5d5; LEFT: -1800px; POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 1"></DIV>

<DIV class=letterStyle id=letter

style="HEIGHT: 300px; LEFT: 20px; POSITION: absolute; TOP: 20px; VISIBILITY: hidden; WIDTH: 450px">

<DIV><FONT size=4><STRONG>Groeten Raymond</STRONG></FONT></DIV>

<DIV><IMG align=baseline alt=f:\lycos\beeld\rozen.gif border=0 height=256

hspace=0 src="2overelkaarfoto_bestanden/roos.gif" width=175></DIV></DIV><IMG

border=0 height=104 id=Image1 src="2overelkaarfoto _bestanden roos.gif / "

style="LEFT: -1800px; POSITION: absolute; Z-INDEX: 2" width=235> <IMG border=0

height=200 id=Image2 src="2overelkaarfoto_bestanden/roosjes.gif"

style="LEFT: -1800px; POSITION: absolute; Z-INDEX: 2" width=94>

</BLOCKQUOTE></BODY>