php - JavaSript og PHP til billedeskift - Udvikleren.dk - Programmering, webdesign og grafik

Tags: php

Bruger #8860 @ 12.05.06 22:39

Hejsa allesammen!

Jeg administrerer en mindre side der er lavet i PHP - med eneklte JS scripts. En af disse er skrevet i en .js fil og ser sådan ud:

Kode

images = new Array(5);
images[0] = "<img src='u/img0.jpg' alt='' height='168' width='190'>";
images[1] = "<img src='u/img1.jpg' alt='' height='168' width='190'>";
images[2] = "<img src='u/img2.jpg' alt='' height='168' width='190'>";
images[3] = "<img src='u/img3.jpg' alt='' height='168' width='190'>";
images[4] = "<img src='u/img4.jpg' alt='' height='168' width='190'>";
 index = Math.floor(Math.random() * images.length);
 document.write(images[index]);

Dette script bruges til "randomlig" at vælge nogle billeder til en menu - menuen går igennem på alle 8 sider.
Men JS's random funktion er ikke optimal, så derfor vil jeg gerne have den tidsindstillet (lad os sige hvert 3. sekund skrifter den)

Hvordan gør jeg det? Jeg har CSS, HTML, PHP og JS til rådighed...

På forhånd tak og god "ferie"!

9 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #7728 @ 13.05.06 15:43

243

Må man godt opdatere først ?

Bruger #4479 @ 14.05.06 07:26

602

Tak, det var præcist det jeg mente, men scriptet specificerer jo ikke de obligatoriske alt="", height="" og width="" - Hvordan kan jeg gøre det?

Har ikke testet det, men tror bare at du kan gøre sådan her:
Kode
<script>
var billede = document.createElement('img');
billede.width = 'bredde';
billede.height= 'højde';
billede.alt = 'beskrivelse';
var billeder = [
'http://udvikleren.dk/images/newsteasers/business.gif',
'http://udvikleren.dk/images/newsteasers/games.gif',
'http://udvikleren.dk/images/newsteasers/celebs.gif',
'http://udvikleren.dk/images/newsteasers/isp.gif'];
function vaelgBillede()
{
	billede.src = billeder[Math.floor(Math.random()*billeder.length)];
}
vaelgBillede();
document.body.appendChild(billede);
setInterval("vaelgBillede();", 3000);
</script>
Nej det fungerer ikke helt... Men hvorfor starter du med <script> og slutter m. </script>, det er jo en separat .js-fil... så behøver man ikke, vel?

Nej, hvis man gør det giver den højst sandsyneligt fejl, men jeg testede i en html fil, og glemte at fjerne <script>

Bruger #4479 @ 13.05.06 19:11

602

Er testet i både IE og FF:

Kode

<script>
var billede = document.createElement('img');
var billeder = [
'http://udvikleren.dk/images/newsteasers/business.gif',
'http://udvikleren.dk/images/newsteasers/games.gif',
'http://udvikleren.dk/images/newsteasers/celebs.gif',
'http://udvikleren.dk/images/newsteasers/isp.gif'];
function vaelgBillede()
{
	billede.src = billeder[Math.floor(Math.random()*billeder.length)];
}
vaelgBillede();
document.body.appendChild(billede);
setInterval("vaelgBillede();", 3000);
</script>

Underligt at der kommer "[ url ]" inde i en kode boks? Her er koden uden "url":

var billede = document.createElement('img');
var billeder = [
'http://udvikleren.dk/images/newsteasers/business.gif',
'http://udvikleren.dk/images/newsteasers/games.gif',
'http://udvikleren.dk/images/newsteasers/celebs.gif',
'http://udvikleren.dk/images/newsteasers/isp.gif'];
function vaelgBillede()
{
billede.src = billeder[Math.floor(Math.random()*billeder.length)];
}
vaelgBillede();
document.body.appendChild(billede);
setInterval("vaelgBillede();", 3000);
</script>

Indlæg senest redigeret d. 13.05.2006 19:12 af Bruger #4479

Bruger #8860 @ 13.05.06 20:18

Tak, det var præcist det jeg mente, men scriptet specificerer jo ikke de obligatoriske alt="", height="" og width="" - Hvordan kan jeg gøre det?

Indlæg senest redigeret d. 13.05.2006 20:19 af Bruger #8860

Bruger #4479 @ 13.05.06 21:03

602

Tak, det var præcist det jeg mente, men scriptet specificerer jo ikke de obligatoriske alt="", height="" og width="" - Hvordan kan jeg gøre det?

Har ikke testet det, men tror bare at du kan gøre sådan her:

Kode

<script>
var billede = document.createElement('img');
billede.width = 'bredde';
billede.height= 'højde';
billede.alt = 'beskrivelse';
var billeder = [
'http://udvikleren.dk/images/newsteasers/business.gif',
'http://udvikleren.dk/images/newsteasers/games.gif',
'http://udvikleren.dk/images/newsteasers/celebs.gif',
'http://udvikleren.dk/images/newsteasers/isp.gif'];
function vaelgBillede()
{
	billede.src = billeder[Math.floor(Math.random()*billeder.length)];
}
vaelgBillede();
document.body.appendChild(billede);
setInterval("vaelgBillede();", 3000);
</script>

Bruger #8860 @ 13.05.06 22:07

Tak, det var præcist det jeg mente, men scriptet specificerer jo ikke de obligatoriske alt="", height="" og width="" - Hvordan kan jeg gøre det?

Har ikke testet det, men tror bare at du kan gøre sådan her:

Kode

<script>
var billede = document.createElement('img');
billede.width = 'bredde';
billede.height= 'højde';
billede.alt = 'beskrivelse';
var billeder = [
'http://udvikleren.dk/images/newsteasers/business.gif',
'http://udvikleren.dk/images/newsteasers/games.gif',
'http://udvikleren.dk/images/newsteasers/celebs.gif',
'http://udvikleren.dk/images/newsteasers/isp.gif'];
function vaelgBillede()
{
	billede.src = billeder[Math.floor(Math.random()*billeder.length)];
}
vaelgBillede();
document.body.appendChild(billede);
setInterval("vaelgBillede();", 3000);
</script>

Nej det fungerer ikke helt... Men hvorfor starter du med <script> og slutter m. </script>, det er jo en separat .js-fil... så behøver man ikke, vel?

Bruger #8860 @ 14.05.06 12:06

Tak, det var præcist det jeg mente, men scriptet specificerer jo ikke de obligatoriske alt="", height="" og width="" - Hvordan kan jeg gøre det?

Har ikke testet det, men tror bare at du kan gøre sådan her:
Kode
<script>
var billede = document.createElement('img');
billede.width = 'bredde';
billede.height= 'højde';
billede.alt = 'beskrivelse';
var billeder = [
'http://udvikleren.dk/images/newsteasers/business.gif',
'http://udvikleren.dk/images/newsteasers/games.gif',
'http://udvikleren.dk/images/newsteasers/celebs.gif',
'http://udvikleren.dk/images/newsteasers/isp.gif'];
function vaelgBillede()
{
	billede.src = billeder[Math.floor(Math.random()*billeder.length)];
}
vaelgBillede();
document.body.appendChild(billede);
setInterval("vaelgBillede();", 3000);
</script>
Nej det fungerer ikke helt... Men hvorfor starter du med <script> og slutter m. </script>, det er jo en separat .js-fil... så behøver man ikke, vel?
Nej, hvis man gør det giver den højst sandsyneligt fejl, men jeg testede i en html fil, og glemte at fjerne <script>

Men hvis jeg fjerner script-taggene, og gemmer den i en .js fil fungerer det nu heller ikke...

Bruger #8860 @ 17.05.06 19:55

Nå, men så lukker jeg altså tråden

Bruger #8860 @ 17.05.06 19:55

JavaSript og PHP til billedeskift

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler