Carpe diem (det blev som det blev) och Matrix
Klicka här för att lägga till text.
<www.glendas.se>
<style>
body {
text-align: center;
margin-top: 50px;
font-family: Arial, sans-serif;
}
img {
max-width: 90%;
height: auto;
}
button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
margin-top: 20px;
}
</style>
<img id="bild" src="bild1.jpg" alt="Slumpmässig bild">
<br>
<button onclick="bytBild()" class="fortuna-knapp">Fortuna</button>
<script>
function bytBild() {
var bilder = [
'bild1.jpg',
'bild2.jpg',
'bild3.jpg',
'bild4.jpg',
'bild5.jpg'
];
// Hämta nuvarande bild för att undvika att samma bild visas två gånger i rad
var nuvarandeBild = document.getElementById('bild').src.split('/').pop();
var nyBild, slumpIndex;
do {
// Slumpa fram ett index tills en ny bild hittas
slumpIndex = Math.floor(Math.random() * bilder.length);
nyBild = bilder[slumpIndex];
} while (nyBild === nuvarandeBild);
document.getElementById('bild').src = nyBild;
}
</script>
</www.glendas.se>
