Slumpa bild från katalog efter en viss tid?

Lite overkill kanske:
http://nivo.dev7studios.com/

Ja det var nog lite för avancerat för mig, skulle nog vara bra med något enklare... :)

(Ska nämligen försöka få in detta på "page" sida på en wordpress installation)

Kan det som finns i sidhuvudet på min blogg vara något av intresse?

Ja precis så... :D

men frågan är då hur jag får in detta då jag använder Atahualpa Theme till mitt wp.

Tanken är att jag vill använda detta på en startsida till min blogg... dvs en statisk sida som startsida men med ett bildspel som ditt... :)

I sin enklaste form:

<script type="text/javascript">
var path = "/bilder/";
var images = ["bild1.jpg", "bild2.jpg", "bild3.jpg"]; // <- Där måste du lista alla bilder
var theImage=path + images[parseInt(Math.random()*images.length)];

document.write('<img src="' + theImage + '" />');
</script>

Sen går det att lösa det med PHP utan att behöva lista bilderna. Låt mig återkomma med en sådan lösning om du hellre vill det.

Ni XHTML Strict-fanatiker får väl smiska mig för att jag använder document.write...

McD skrev:

Ja precis så... :D

men frågan är då hur jag får in detta då jag använder Atahualpa Theme till mitt wp.

Tanken är att jag vill använda detta på en startsida till min blogg... dvs en statisk sida som startsida men med ett bildspel som ditt... :)

Jag nyttjar mig av ett javascript, närmare bestämt jQuery och ett plugin. Sedan som källa för bilderna i bildspelet har jag ett galleri från wordpresspluginen NextGEN Gallery.

Givetvis har jag ju stylat det lite granna också med CSS. :)

Bifogar en zip-fil med jquery-scriptet samt då php-koden för läsningen av bilderna från galleriet.

Har ännu inte skrivit det som ett ett enkelt installerbart plugin till wordpress dock.

Kanske ger något. :)

nitro2k01 det vore mycket intressant att köra det med php tillsammans med javascirptet... men går det att lösa med någon slumpfunktion/tid / bild för det fanns väll inte i ditt script du la in?...

TACK.

Fadde din zip funkar inte, blir nog lite för komplicerat för mig ;)

McD skrev:

nitro2k01 det vore mycket intressant att köra det med php tillsammans med javascirptet... men går det att lösa med någon slumpfunktion/tid / bild för det fanns väll inte i ditt script du la in?...

TACK.

Fadde din zip funkar inte, blir nog lite för komplicerat för mig ;)

okei! :) Skall se om jag hinner fixa det lite enklare :)

Skam den som ger sig... hittade detta

http://www.hscripts.com/scripts/JavaScript/slide-show-image.php

Har detta uppe och rullar nu, dock så läses inte bilderna in från en katalog, såg att jag inte kan använda php utan denna funktion måste ske via javascriptet direkt om det går??

javascript är ju ett klientspråk - du måste nog blanda in php ( serverspråk ) för att få det som du vill :)

McD, jag vet inte om du redan fått det att funka så som du vill ha det. Men eftersom jag var ute efter samma sak som du så har jag ändrat http://www.hscripts.com/scripts/JavaScript/slide-show-image.php till att visa slumpmässiga bilder i en mapp.

<?php
$i = 0;
$images = "";
$dir = "images";  //vilken mapp bilderna ligger i 
$dirhandle = @opendir($dir);  //öppnar mappen
if($dirhandle)		//gick det att öppna mappen?
{
  while($file = readdir($dirhandle))    //loopar igenom alla filer i mappen
  {
    if(filetype($dir . "/" . $file) == "file")  //är det en fil?
    {
      $images[$i]= $file; // lägger till filen i en php array
      $i++;
    }
  }
}
else
{
  echo "Kunde inte öppna mappen";
}
?>
<script type="text/javascript">
var slideimages=new Array()
function slideshowimages()
{
     for (i=0;i<slideshowimages.arguments.length;i++){
         slideimages[i]=new Image()
         slideimages[i].src=slideshowimages.arguments[i]
    }
}
</script>

<img src="" name="slide" border=0>

<script type="text/javascript">
/** Skapar en js vektor med alla filer*/
<?php
echo "slideshowimages(";
for ($c=0; $c<$i-1; $c++){
	echo "'".$dir."/" . $images[$c] . "',";
}
echo "'".$dir."/" . $images[$i-1] . "');";
?>
var slideshowspeed=2000
var whichimage=0
function slideit()
{
     if (!document.images)
           return
     document.images.slide.src=slideimages[whichimage].src

     /*if (whichimage<slideimages.length-1)
              whichimage++
     else
              whichimage=0*/

     whichimage=Math.floor(Math.random()*slideimages.length) //slumpar en bild
     setTimeout("slideit()",slideshowspeed)
}
 slideit()
</script>

JÄTTE TACK!!!

Ja, jag fick min första lösning!!:):)