---
title: "Slumpa bild från katalog efter en viss tid?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/183329-slumpa-bild-från-katalog-efter-en-viss-tid"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "McD"
published: "2010-04-27T06:26:14.000Z"
updated: "2010-05-03T07:28:51.000Z"
replies: 13
views: 1412
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/183329-slumpa-bild-från-katalog-efter-en-viss-tid"
---

# Slumpa bild från katalog efter en viss tid?

## #1 — McD, 2010-04-27T06:26Z

Hej

Har letat lite bland diverse gratis javascirpt på nätet men inte hittat det jag är ute efter, därför tänkte jag höra med er om ni har sett nått som kan vara intressant för mig. Tycker inte att det är allt för stora krav jag ställer :P

Scriptet skall:

\* Slumpa bilder från en specifik mapp. Det ska vara enkelt att bara kasta in bilder i en mapp på servern så de kommer upp automatiskt på hemsidan utan några editeringar i någon eller några filer. 

(Går det inte eller om det inte finns ge gärna förslag på scirpt där jag får editera).

\* Att bilderna slumpas/byts ut efter en viss tid de varit framme, utan någon reload av sidan. Ska funka som typ en animerad gifbild.

Vill inte använda en javaapplet, bara ett rent javascirpt har ingen nytta av flashiga animeringar :(

Tack för hjälpen...

Permalänk: https://www.webforum.nu/p/183329

## #2 — colione, 2010-04-27T11:10Z

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

Permalänk: https://www.webforum.nu/p/2233891

## #3 — McD, 2010-04-27T11:18Z

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)

Permalänk: https://www.webforum.nu/p/2233892

## #4 — Fredde Mannen, 2010-04-27T11:24Z

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

Permalänk: https://www.webforum.nu/p/2233894

## #5 — McD, 2010-04-27T12:18Z

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... :)

Permalänk: https://www.webforum.nu/p/2233901

## #6 — nitro2k01, 2010-04-27T12:52Z

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...

Permalänk: https://www.webforum.nu/p/2233904

## #7 — Fredde Mannen, 2010-04-27T13:12Z

> **[McD skrev:](https://www.webforum.nu/p/1503792)**
>
> 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. :)

Bilagor:

- [innerfader_nextgen_gallery.zip](https://www.webforum.nu/a/21545.zip)

Permalänk: https://www.webforum.nu/p/2233905

## #8 — McD, 2010-04-27T14:07Z

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 ;)

Permalänk: https://www.webforum.nu/p/2233909

## #9 — Fredde Mannen, 2010-04-27T14:17Z

> **[McD skrev:](https://www.webforum.nu/p/1503800)**
>
> 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 :)

Permalänk: https://www.webforum.nu/p/2233910

## #10 — McD, 2010-04-27T16:52Z

**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??

Permalänk: https://www.webforum.nu/p/2233928

## #11 — Fuel, 2010-05-01T00:09Z

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

Permalänk: https://www.webforum.nu/p/2234155

## #12 — noshornin, 2010-05-01T16:10Z

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>
```

Permalänk: https://www.webforum.nu/p/2234192

## #13 — McD, 2010-05-03T07:09Z

JÄTTE TACK!!!

Permalänk: https://www.webforum.nu/p/2234261

## #14 — noshornin, 2010-05-03T07:28Z

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

Permalänk: https://www.webforum.nu/p/2234263

---

Tråden på webben: https://www.webforum.nu/amne/javascript/183329-slumpa-bild-från-katalog-efter-en-viss-tid