Tilfældige billeder

[Jen]

Jeg prøver at oprette en side hvor jeg har mange forskellige billeder kørende i ring, og har fundet frem til: http://kimludvigsen.dk/programmer-inter ... p#om_koder

Men jeg har noget svært ved at få det ud i praksis.
På min side kommer de nemlig ikke op og jeg synes jo ellers jeg har prøvet at følge instrukserne. Men jeg gør tydeligvis noget galt.
http://www.nekamo.dk/Billeder.php

Rammen midt på siden var for at se om det var hele siden den var gal med eller var php´en, og det ser ud til at det er det sidste. Jeg har oprettet en mappe på min ftp der hedder tilfaeldige_billeder og flyttet de 3 billeder som jeg tester med lige nu over i. Det jeg så er i tvivl om er om jeg skal ændre noget i selve koden??

Håber der er nogen der kan hjælpe lidt

Pft,
Jen

[Kim Ludvigsen]

Jeg prøver at oprette en side hvor jeg har mange forskellige billeder kørende i ring

Hvad mener du med "kørende i ring"?

På min side kommer de nemlig ikke op og jeg synes jo ellers jeg har prøvet at følge instrukserne. Men jeg gør tydeligvis noget galt.
http://www.nekamo.dk/Billeder.php

Koden ser ud til at virke fint. Prøv at opfriske siden et par gange, så vil du se, at der vælges et nyt billede. Hvis du med "kørende i ring" mener, at der skal vises forskellige billeder som et slideshow, efter siden er åbnet, så skal du ikke bruge php men derimod JavaScript.

Php er et såkaldt serverside-sprog. Når først siden er hentet, laver php ikke mere. JavaScript er et såkaldt clientside-sprog. Det virker på brugerens computer og arbejder derfor udelukkende på den hentede side. Jeg har ikke ret meget tjek på JavaScript og kan derfor ikke henvise til et færdigt script, men du kan finde mange forskellige JavaScripts til billedskiftning, hvis du prøver at søge på Google.

[Jen]

Hvor mærkeligt, jeg ser nemlig ingenting. Ser du virkeligt billeder?

Jeg har prøvet at cleare cache og genstarte computer og alt muligt, men ser intet ud over den kasse. Og ja jeg mente jo egentligt nok som et slideshow men ved jo egentligt godt at det ville være noget javascript i stedet.

Jen

[Kim Ludvigsen]

Hvor mærkeligt, jeg ser nemlig ingenting. Ser du virkeligt billeder?

Jep, det virker fint. Der hentes et tilfældigt billede, hver gang siden indlæses/opfriskes.

[Jen]

Hvor mærkeligt.
Hvad kan der dog være gal med min side siden jeg ikke ser det?

Jen

[Jørgen Rasmussen]

Hej Jen og Kim

Det virker fint på de fleste browsere. Firefox, Opera, Safari og Google Chrome. Men ikke på Internet Explorer 8!!

[Jen]

Og jeg er så ikke engang på 8´eren men derimod stadig på 7´eren da jeg altid venter LANG tid for jeg opdaterer så alle børnesygdommene er ude.

Så tænker at der må være noget i min opsætning der gør at jeg ikke kan se det. Det virker faktisk også fint i min Firefox, men jeg aner virkelig ikke hvor jeg skal kigge i IE7.

Jen

[Kim Ludvigsen]

For en gangs skyld er IE mere nøjeregnende med fejl end Firefox. Der er en fejl i html-koden, så der må være en fejl i php-koden. Gider du at kopiere php-koden til indsættelse af billedet ind her?

[Jen]

Hehe, tænkte godt der måttte være end grund:

<?php /* Her findes et tilfældigt billede i mappen */
$filnavne = glob("tilfaeldige_billeder/*.jpg");
$tilfaeldig = array_rand($filnavne);
$filnavn=$filnavne[$tilfaeldig];?><br>
<?php /* Her tilføjes html-kode, og billedet og dets størrelse indsættes i koden */
echo "<img src='$filnavn' width='$250' height='$250' alt=''>"; ?>

Jen

[Kim Ludvigsen]

Fejlen er her:

width='$250' height='$250'

Fjern de to dollartegn, så der i stedet står:
width='250' height='250'

[Jen]

Det hjalp rigtig meget. Tak for det.

Er nu i gang med at undersøge noget java men dette er godt indtil da.

Tak for hjælpen Kim og Jørgen

Jen

[Jen]

Så fik jeg rodet lidt mere med det javascript og fik det langt om længe til at virke. Så jeg tænker jeg vil dele det med jer hvis der skulle være andre der synes det kunne være sjovt:

SELVE SCRIPTET INDSÆTTES I HEAD TAG
<script language="JavaScript"> <!-- Begin
var timeDelay = 5; // change delay time in seconds
var Pix = new Array
("Specialmodeller.jpg" <!-- her kan du tilføje flere billeder -->
,"Vaerkstedsvogn.jpg"
,"Kartoffeloptager.jpg"
,"Toendevogn.jpg"
,"UH_Kuhn_plov.JPG"
,"Lemken_plov.jpg"
,"Kverneland_plov.jpg"
,"NEKA_Modeller.jpg"
,"08.jpg"
,"09.jpg"
,"10.jpg"
,"11.jpg"
,"12.jpg"
,"13.jpg"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>

<img name="ChangingPix" src="Kartoffeloptager.jpg"></p> SÆTTES IND HVOR BILLEDET SKAL VISES

"onload="startPix()" INDSÆTTES I BODY TAG

Det kan evt. ses i aktion her:

http://www.nekamo.dk/Billeder.html

Mvh.
Jen

[Kim Ludvigsen]

Fornemt, tak for at du deler med os.