4 jaar geleden heb ik een javascriptje voor IE uit die tijd gemaakt.
Het zou een briefje van 10 Euro continu om de vertikale as moeten draaien.
Het briefje bestaat uit 2 plaatjes van 127 X 67 pixels zie hieronder hun afbeeldingen.
Ik werk nu met Chrome en Firefox, heb het weer nodig en van zolder gehaald, maar het werkt niet meer.
Graag wil ik het ook werkend houden voor IE.
Kan iemand het weer werkend maken?
Bij voorbaat dank,
*knip*, reacties graag via het forum
Zie de code hieronder:
Het zou een briefje van 10 Euro continu om de vertikale as moeten draaien.
Het briefje bestaat uit 2 plaatjes van 127 X 67 pixels zie hieronder hun afbeeldingen.
Ik werk nu met Chrome en Firefox, heb het weer nodig en van zolder gehaald, maar het werkt niet meer.
Graag wil ik het ook werkend houden voor IE.
Kan iemand het weer werkend maken?
Bij voorbaat dank,
*knip*, reacties graag via het forum
Zie de code hieronder:
HTML:
<html>
<head>
<style>
img.biljet {
width:100%;
height:100%;
}
img.verschalen {
width:100%;
}
#10euro {
position:absolute;
height:0px;
width:0px;
}
</style>
<script language="JavaScript">
var plaatjes=new Array()
plaatjes[0]="pix/10ev.jpg"
plaatjes[1]="pix/10ea.jpg"
var laadplaatjes=new Array();
for (i=0;i<plaatjes.length;i++){
laadplaatjes=new Image();
laadplaatjes.src=plaatjes;
}
var teller=0
var links=570 //einde biljet
var boven=109
var hoogte=laadplaatjes[0].height
var vollebreedte=laadplaatjes[0].width
var breedte=0
var klok=null
var stap=1
var snelheid=20
var pauze=1000
var begin=0-vollebreedte
function wissel(plaatje){
if (teller<plaatjes.length-1){
teller=teller+1
}
else{
teller=0
}
document.images[plaatje].src=plaatjes[teller]
}
function wijzig() {
document.all['10euro'].style.left=links+(breedte/2)
document.all['10euro'].style.width=vollebreedte-breedte
}
function schuiven() {
if (begin<links-15){
begin=begin+8
document.all['10euro'].style.left=begin
klok=setTimeout("schuiven()",snelheid)
}
else if (begin<links-7){
begin=begin+4
document.all['10euro'].style.left=begin
klok=setTimeout("schuiven()",snelheid)
}
else if (begin<links-3){
begin=begin+2
document.all['10euro'].style.left=begin
klok=setTimeout("schuiven()",snelheid)
}
else if (begin<links){
begin=begin+1
document.all['10euro'].style.left=begin
klok=setTimeout("schuiven()",snelheid)
}
else{stap1()}
}
function stap1(){
if (breedte<vollebreedte+1){
wijzig()
breedte=breedte+stap
klok=setTimeout("stap1()",snelheid)
}
else{
wissel(0)
stap2()
}
}
function stap2(){
if (breedte>0){
breedte=breedte-stap
wijzig()
klok=setTimeout("stap2()",snelheid)
}
else{
stap1()
}
}
function start(){
document.all['10euro'].style.top=boven
document.all['10euro'].style.width=vollebreedte
document.all['10euro'].style.left=begin
document.all['10euro'].style.height=hoogte
schuiven()
}
</script>
</head>
<body onload="start()">
<div id="10euro"><img src="pix/10ev.jpg" class="biljet"></div>
</body>
</html>
Laatst bewerkt door een moderator:
