<script><!--
tid = 8; // i sekunder
naeste = 0; // initialisering
billeder = new Array(); // initialisering
billeder[0] = new Image();
billeder[0].src = "sti/til.fil"; // eks.
"/images/familie/onkel_boerge.jpg"
...
...
billeder[19] = new Image(); // husk at du jo startede med nr. 00 !
billeder[19].src = "sti/til.fil";
function roter() {
clearTimeout(naeste); // sørger for, at den ikke skifter efter fx 7½
sek.
r = Math.round(Math.random*(billeder.length-1)); // 0,1,2...18,19
document.images["mit_billedes_plads"].src = billeder[r].src; //
indsætter billedet
naeste = setTimeout("roter()",tid*1000); // sætter det til
milisekunder
}
function fuldt_stop() {
clearTimeout(naeste); // stopper rotationen
}
roter();
// --></script>
<img src="blank.gif" name="mit_billedes_plads" alt="Billede"
border="0" onClick="fuldt_stop()">
<a href="#" onClick="roter(); return false;">Start igen !</a>
Du kan let udvide det ved at tilføje titler til hvert billede;
<script><!--
titler = new Array();
tid = 8; // i sekunder
naeste = 0; // initialisering
billeder = new Array(); // initialisering
billeder[0] = new Image();
billeder[0].src = "sti/til.fil"; // eks.
"/images/familie/onkel_boerge.jpg"
titler[0] = "Mig. (jeg havde vist fået lidt for meget af et eller
andet)";
...
...
...
billeder[19] = new Image(); // husk at du jo startede med nr. 00 !
billeder[19].src = "sti/til.fil";
titler[19] = "Ja, det er så Ole.";
function roter() {
clearTimeout(naeste); // sørger for, at den ikke skifter efter fx 7½
sek.
r = Math.round(Math.random*(billeder.length-1)); // 0,1,2...18,19
document.images["mit_billedes_plads"].src = billeder[r].src; //
indsætter billedet
document.images["mit_billedes_plads"].title = titler[r]; // viser en
titel når man holder musen over billedet
document.getElementById("min_teksts_plads").innerText = titler[r];
// viser det i en <div>
naeste = setTimeout("roter()",tid*1000); // sætter det til
milisekunder
}
function fuldt_stop() {
clearTimeout(naeste); // stopper rotationen
}
roter();
</script>
<img src="blank.gif" name="mit_billedes_plads" title="" border="0"
onClick="fuldt_stop()">
<div id="min_teksts_plads">(beskrivelse)</div>
<a href="#" onClick="roter(); return false;">Start igen !</a>
Håber du kan bruge det !
MVH Jonas (aka Juke)
--
Danmarks største specialiserede IT jobdatabase
- Udelukkende med IT- og internetrelaterede jobs
- Opret en profil og lad drømmejobbet finde dig
KLIK HER! =>
http://www.html.dk/job