Søg
Avatar billede abrjonline Nybegynder
10. december 2007 - 23:42 Der er 11 kommentarer og
2 løsninger

Rotation og billed skift

Hej experter.

jeg skal bruge et lille script eller noget i den dur der refresher et billede som er på min baggrund hvergang jeg kommer ind på siden. ikke i noget bestemt mønster bare sådan som man kommer ind på siden.

Det vil sige at jeg kommer ind på siden så er billede 1 der.
Så refresher jeg og så er billed 2 der fx. Så refresher jeg igen hvorefter billed 1 er der igen, og efter en refresh så er billed 3 der, refresh igen og billed 1 osv osv.

billed 1 refresh
billed 3 refresh
billed 2 refresh
billed 8 refresh
billed 1 refresh
billed 1 refresh
billed 3 refresh

Håber i kan hjælpe.

Der er somsagt en baggrund i en tabel som skal skifte hvergang..

200 points er på spil
Avatar billede roenving Novice
11. december 2007 - 00:31 #1
Skal det være tilfældigt, som du viser der ?-)

<script type="text/javascript">
var pics = ["billed1.jpg","billed2.jpg","billed3.jpg","billed4.jpg","billed5.jpg","billed6.jpg","billed7.jpg","billed8.jpg"];
window.onload = function(){
  var tbl = document.getElementById("dinTabel");
  tbl.style.backgroundImage = pics[Math.floor(Math.random*pics.length)];
}
</script>

-- hvis der skal være en beskyttelse mod at vise det samme for mange gange (vil ske ret sjældent med ovenstående !-), skal vi ud i at lege med cookies !o]
Avatar billede roenving Novice
11. december 2007 - 00:32 #2
Uff ...

  tbl.style.backgroundImage = "url(" + pics[Math.floor(Math.random*pics.length)] + ")";
Avatar billede abrjonline Nybegynder
11. januar 2008 - 14:48 #3
de skal der ikke. Det er simpelthen bare fordi jeg vil skifte et billede når brugerne kommer ind på hjemmesiden så skal et billede i en tabel skifte.

hvordan kan jeg få billederne der til at skifte en skifter bare mellem:
var pics = ["billed1.jpg","billed2.jpg","billed3.jpg","billed4.jpg","billed5.jpg","billed6.jpg","billed7.jpg","billed8.jpg"];

Hvad skal jeg skrive her(altså i dinTabel):
var tbl = document.getElementById("dinTabel");
Avatar billede roenving Novice
12. januar 2008 - 17:18 #4
Du skal skrive det id, du giver din tabel (altså skal tabellen have et id: <table id="dinTabel"> !-)
Avatar billede abrjonline Nybegynder
05. juni 2008 - 13:18 #5
Hvordan vil det skulle se ud i en samlet opbygning?
Avatar billede roenving Novice
06. juni 2008 - 05:24 #6
?-)

-- lige ud ad landevejen:

<!doctype html osv

<script type="text/javascript">
var pics = ["billed1.jpg","billed2.jpg","billed3.jpg","billed4.jpg","billed5.jpg","billed6.jpg","billed7.jpg","billed8.jpg"];
window.onload = function(){
  var tbl = document.getElementById("dinTabel");
  tbl.style.backgroundImage = "url(" + pics[Math.floor(Math.random*pics.length)] + ")";
}
</script>
</head>
<body>
<table id="dinTabel" style="width:500px;height:400px;">
  <tr>
    <td>Dette er en tabel</td>
  </tr>
</table>
</body>
</html>
Avatar billede abrjonline Nybegynder
10. juni 2008 - 22:58 #7
prøver det lige, smid svar og du modtager points hvis det virker:P
Avatar billede roenving Novice
10. juni 2008 - 23:48 #8
Oki '-)
Avatar billede roenving Novice
10. juni 2008 - 23:49 #9
Hov, 200 point er under alle omstændigheder alt for meget, tag selv de fleste tilbage !-)
Avatar billede abrjonline Nybegynder
02. september 2008 - 16:50 #10
Jeg har endnu ikke tjekket og skal nok snart tjekke så modtager du!
Avatar billede abrjonline Nybegynder
10. november 2008 - 16:54 #11
jeg kan ikke få det til at fungere...

Den viser intet billede i IE
Avatar billede abrjonline Nybegynder
10. november 2008 - 17:28 #12
efter meget roderi og lidt hjælp på sidelinjen og lidt søgen på nettet... fandt jeg dette script

<script type="text/javascript">
var images = new Array("topbilled5.png","topbilled4.png","topbilled3.png","topbilled2.png","top.png")
onload=function() {
var rand = Math.round(Math.random()*images.length-1)
test.style.background="url('"+images[rand]+"')"
}
</script>

Jeg ændrede denne linje:
test.style.background="url('"+images[rand]+"')"

Så test blev byttet ud med id på min tabel:
<table id="test">

Og så fungede det bare, understøttes både i firefox, Safari, Chrome og IE

Jeg er dog stadig villig til at give dig nogle points
Avatar billede roenving Novice
10. november 2008 - 19:10 #13
Tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 13:36 godt råd søges Alternativ styresystem på Mac pc Af luffe1955 i Andre styresystemer
I dag 11:32 Hjælp til kontrol af sygefravær Af Maja i Excel
I går 13:59 2 skærme til en stationær computer Af BIRGER i Skærme
26/0119:26 Opstart af ny computer Af Bent i Windows
25/0120:06 Hjemmeside der virker både på mobil og computer Af Strawberry i PHP
White papers
Flere white papers »