/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Vis tilfældigt baggrundsbillede i TABEL
Fra : Camilla Terkelsen


Dato : 16-04-03 19:32

Hejsa!

Jeg har lavet en tabel på min side, hvor jeg har placeret en
speciel celle øverst i tabellen og på siden, som gengives på alle
sider. I denne celle havde jeg tænkt mig at BAGGRUNDSBILLEDET
skulle skifte i en tilfældig rækkefølge med navne som 'img1.gif',
'img2.gif' og 'img3.gif'.

Hvordan kan jeg lave dette i html eller css - eller skal det
laves i noget andet (ikke asp/php m.v. - gerne javascript)

Mange hilsner
Camilla

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Lasse Reichstein Nie~ (17-04-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 17-04-03 02:30

Camilla Terkelsen <c-terkelsen@hotmail.com> writes:

> Hejsa!
>
> Jeg har lavet en tabel på min side, hvor jeg har placeret en
> speciel celle øverst i tabellen og på siden, som gengives på alle
> sider. I denne celle havde jeg tænkt mig at BAGGRUNDSBILLEDET
> skulle skifte i en tilfældig rækkefølge med navne som 'img1.gif',
> 'img2.gif' og 'img3.gif'.
>
> Hvordan kan jeg lave dette i html eller css - eller skal det
> laves i noget andet (ikke asp/php m.v. - gerne javascript)
>
> Mange hilsner
> Camilla

Giv cellen en id, altså fx
<td id="topvenstre"> ... <td>

Du kan så skifte baggrunden med Javascript/CSS ved

document.getElementById("topvenstre").style.backgroundImage = "..."

Mere præcist, lad os lave en funktion der skifter baggrundsbilleder
---
function skiftBaggrundsbillede(id,src) {
var elem=document.getElementById(id);
if (elem) elem.style.backgroundImage = "url("+src+")";
}
---
Vi kan så bruge den funktion til at skifte tilfældigt:

---
var urlArray = [
"img1.gif",
"img2.gif",
"img3.gif",
"img4.gif"];

var curIndex = 0;

function randomImg() {
var index=Math.floor(Math.random()*(urlArray.length-1));
if (index>=curIndex) index++;
skiftBaggrundsbillede("topvenstre",urlArray[index]);
}
---

Et kald af randomImg vil sætte baggrunden tilfældigt blandt
den valgte tabelcelle.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408929
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste