Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

söker javascript som slumpar fram bilder.

1
Skriv svar
Permalänk
Medlem
●

söker javascript som slumpar fram bilder.

Jag söker ett java eller php-script som slumpar fram förutbestämda bilder som ska ligga i en div, säg att jag har tre styck div'ar i dem vill jag ha varsin bild och den ska slumpas fram.

så här alltså

<div id="bild1"><img src="slumpadbild" /></div>
<div id="bild2"><img src="slumpadbild2" /></div>
<div id="bild3"><img src="slumpadbild3" /></div>

Någon som kan hjälpa mig, kan varken php eller javascript.

Tack på förhand!

Redigera
Citera flera Citera
Permalänk
Medlem
●

Sök på banner rotator +php på google eller varför inte banner rotator +javascript?

Finns massor av sådan script så det är bara till att testa och se vilket som passar dina behov.

den som söker den finner.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Hittade inget som passade mig, det jag vill ha är att den bara slumpar fram ny bild vid varje sidladdning. inte efter visst antal sekunder/minuter inga klick bara banners, utan vanliga jpg bilder som ska slumpas fram som ligger i en map.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Ladda bilderna till en array och använd Math.random() för att få fram en slumpad position i arrayen.
Trigga på body-onload()...

Vill du inte ladda in alla bilder i javascript kan du väl göra samma pricip i PHP och lägga in säkväg till bilden i HTML istället.

Borde väl fungera skulle jag tro...

/Anders

Visa signatur

**************************
Om det fungerar för bra, installera om det...

Redigera
Citera flera Citera
Permalänk
Medlem
●

formatckolon: tack så mycket, men jag kan som sagt varken javascript eller php.
Ingen annan som kan hjälpa mig?

Redigera
Citera flera Citera
Permalänk
Medlem
●

Finns säkerligen tusen bättre sätt att göra det på, men:

<html>
<head>
<script language="javascript">

// Ladda in URL till bilderna
var imgURL = new Array("1.gif","2.gif", "3.gif","4.gif");

function randomizeimg() {
  // Skapa ett nummer slumpmässigt med max. värde som antalet URL'er
  var ranNum = Math.round(Math.random()*(imgURL.length - 1));
  // Byt källa på bilden
  document.getElementById("imgRandomMe").src = imgURL[ranNum];
}
</script>
</head>

<body onload="randomizeimg()">

<img id="imgRandomMe" src="1.gif">

</body>
</html>

/Anders

Visa signatur

**************************
Om det fungerar för bra, installera om det...

Redigera
Citera flera Citera
1
Skriv svar