behöver hjälp med javascript. söker ett som växlat bilder beroende på tid

Bluedude · 13 Maj 2006

Jag har tidigare haft ett javascript som visar olika bilder på hemsidan beroende på vilken tid det är. Verkar inte som om det skriptet funkar längre (kanske blivit omodernt).

Funktionen jag e ute efter e att scriptet skall känna efter vad klockan är och beroende på vilken timme det e så skall scriptet visa olika bilder.

Ex är kl 13 så visar den bild A, är kl 15 så visar den bild B osv...

Bluedude · 13 Maj 2006

är det allt som behövs? skall testa så snart jag kommer hem. befinner mig inte hemma just nu.

kan jag lägga in det så rätt upp å ner i ett vanligt html dokumen?

Gurra G · 13 Maj 2006

Men var placeras den bilden ut på sidan?
Är det inte bättre att göra nåt sånt här:

<img src="" name="bild" border="0"/>
på den plats på sidan man vill ha bilden och i javascriptet göra

<SCRIPT LANGUAGE="JavaScript">
var bilderna = new Array();
for(int i =0;i<24;i++)
bilderna = "bild" + i + ".jpg";

var today = new Date();
document["bild"].src=bilder[today.getHours()];
</script>

forloopen gör samma sak som svaret ovan men ser snyggare ut

Gurra G · 13 Maj 2006

min kod kan iaf läggas i ett vanligt hhtmldokument, tror att det andra kan det också (kan inte se varför det inte skulle gå)

Bluedude · 13 Maj 2006

gustaf: var lägger jag själva scriptet? i head? och resten i body?

Bluedude · 13 Maj 2006

när jag testar kristoffers kod så måste jag hela tiden godkänna activx controll för att det skall funka. varför? kommer alla som besöker sidan behöva göra det?

Gurra G · 13 Maj 2006

ja, jo, lite otydligt kanske...
Är ingen expert på javascript precis men om scriptet läggs i head och <img...> där du vill ha bilden så funkar det kanske.
annras går det att göra så här:

<SCRIPT LANGUAGE="JavaScript">
function init(){
var bilderna = new Array();
for(int i =0;i<24;i++)
bilderna = "bild" + i + ".jpg";

var today = new Date();
document["bild"].src=bilder[today.getHours()];
}
</script>

och sen <body onload="init()">

Det kanske funkar bättre. Du får testa dig fram

Gurra G · 13 Maj 2006

Eveningstar skrev:
Jag är fullt medveten om det, men jag valde aktivt att inte göra en sådan för jag brukar då iaf inte döpa mina filer till homogena namn.

Bilden hamnar där du lägger scriptet.

ja, självklart. *slår huvudet i bordet*
Det är ju så det fungerar.

Jag brukar döpa bilderna till homogena namn just därför, blir enkelt att byta bilder på det viset. Man behöver inte ändra nån kod utan bara byta ut bilderna

Eveningstar · 13 Maj 2006

Jag ska fan sluta posta i det här forumet, här finns inget annat än besserwissrar.

Bluedude · 13 Maj 2006

jag e ingen besser å behöver all hjälp jag behöver så snälla, sluta ej posta. jag uppskattar alla förslag å all hjälp jag kan få...

Gurra G · 13 Maj 2006

Ingen besserwisser här heller...
Kommentaren om självklart var mest riktad till mig själv... såg fel i din kod/tankefel
Postar man här får man väl vara beredd på att andra har andra åsikter/programmeringsvanor/kameramärken än man själv

Bluedude · 14 Maj 2006

eh jag får det inte att funka... kan du visa exakt hur koden i img skall se ut om bilderna e döpta till bild01 bild 02 osv...

jimh · 14 Maj 2006

Med det skriptet skall bilderna heta bild0.jpg, bild1.jpg, bild2.jpg osv. Utan nolla.

Bluedude · 14 Maj 2006

ok men hur exakt skall koder i <img src... osv se ut?

jimh · 14 Maj 2006

Det som Gustaf skrev i sitt tidigare inlägg bör funka:

Källkod:

<img src="" name="bild" border="0"/>

jimh · 14 Maj 2006

Det ser ut att vara ett litet fel i Gustafs skript också. Där det står bilder[today.getHours()]; måste du byta ut det till bilderna[today.getHours()];

Bluedude · 14 Maj 2006

så här ser dokumentet ut:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Test</title>

<SCRIPT LANGUAGE="JavaScript">
function init(){
var bilderna = new Array();
for(int i =0;i<24;i++)
bilderna = "bild" + i + ".jpg";

var today = new Date();
document["bild"].src=bilderna[today.getHours()];
}
</script>

</head>

<body onload="init()">

<img src="" name="bild" border="0"/>

</body>
</html>

men det funkar inte. bilderna ligger i samma mapp som html filen och heter bild1, bild2 osv upp till 24. jag e ingen fena på script, va gör jag fel?

jimh · 14 Maj 2006

Ta bort "int" från raden som börjar med for.

Anddje · 14 Maj 2006

Källkod:
jimh skrev:
Det som Gustaf skrev i sitt tidigare inlägg bör funka:

Källkod:

<img src="" name="bild" border="0"/>

Ska man försöka skriva XHTML ska man göra det ordentligt med

Källkod:

<img src="" id="bild" style="border: 0px;" alt="bild!!!" />

"name" och "border" är fel och man måste ha "alt" i img-taggar

behöver hjälp med javascript. söker ett som växlat bilder beroende på tid

Aktiv medlem

Aktiv medlem

Aktiv medlem

Aktiv medlem

Aktiv medlem

Aktiv medlem

Aktiv medlem

Aktiv medlem

Aktiv medlem

Aktiv medlem

Aktiv medlem

Aktiv medlem

Kodsnickare

Aktiv medlem

Kodsnickare

Kodsnickare

Aktiv medlem

Kodsnickare

Aktiv medlem

Similar threads