Zamenjaj sliko ob vsakem obisku

Spletno mesto želimo velikokrat popestriti z dinamičnimi elementi, ki pa zaradi takšnih ali drugačnih razlogov niso vedno na voljo.

Pomagamo si lahko z enostavnimi rešitvami, kjer uporabniku ob vsakem nalaganju strani oziroma ponovnemu obisku strani prikažemo naključno sliko.

V nadaljevanju si bomo ogledali Javascript kodo, ki nam omogoča prav to. V prvem delu kode shranimo v tabelo vse slike, ki jih želimo prikazovati na spletni strani, sledi funkcija, ki dodeli elementu IMG naključno sliko. Za prikazovanje slik je potrebno v HTML kodo vstaviti še element “<img id=”GlavnaSlika” />”.


<head>
<script type="text/javascript" language="JavaScript">
MojeSlike=new Array();
MojeSlike[0]='slika_1.jpg';
MojeSlike[1]='slika_2.jpg';
MojeSlike[2]='slika_3.jpg';
MojeSlike[3]='slika_4.jpg';
MojeSlike[4]='slika_5.jpg';
MojeSlike[5]='slika_6.jpg';

function MenjavaSlike()
{
document.getElementById("GlavnaSlika").setAttribute("src", MojeSlike[Math.round(Math.random()*5)])
}
</script>
</head>

<body onload="MenjavaSlike()">
<img id="GlavnaSlika" />
</body>

OPOZORILO: Včasih se pri kopiranju popačijo narekovaji, tako da jih moramo vpisati ponovno.

Komentiraj


*