Makee72
Kuva esitys script
Vaihtuva kuva kotisivuille
esimerkki
Muuta <body> tagi tähän
<body onLoad="pictures()">
Laita alla oleva scripti <head> tagien väliin.
<script type="text/JavaScript">
var pic = [
"kuva1.jpg",
"kuva2.jpg",
"kuva3.jpg",
"kuva4.jpg"
];
var pix = 0;
var sec = 3;
function pictures() {
document.roll.src = pic[pix];
window.setTimeout("pictures()",1000*sec);
(pix < pic.length-1) ? pix++ : pix=0;
}
</script>
Kohdassa:
[
"kuva1.jpg",
"kuva2.jpg",
"kuva3.jpg",
"kuva4.jpg"
];
laitat haluamasi kuvien nimet ja polut,kuvia voit lisätä tuohon väliin niin monta kuin haluat.
kohdassa:
var sec = 3;
määrität kuvien vaihtumis välin sekuntteina.
kuva lisätään tällä koodilla
<img src="kuva1.jpg" name="roll" border="0" alt="">
kuva mikä vaihtuu kun vie hiiren kursorin kuvan päälle onnistuu tällä html-koodilla
<img src="kuva1.jpg" border=0 name="pic" align="center"
onMouseOut = "document.pic.src='kuva1.jpg'"
onMouseOver = "document.pic.src='kuva2.jpg'">
tähän voi lisätä viellä kolmannen kuvan joka aukeaa kun klikkaa kuvaa näin.
<img src="kuva1.jpg" border=0 name="pic" align="center"
onMouseOut = "document.pic.src='kuva1.jpg'"
onMouseOver = "document.pic.src='kuva2.jpg'"
onMouseDown = "document.pic.src='kuva3.jpg'">
eli tämä onnistuu ihan html-kielellä
esimerkki
