Notifikationer

Markér alle som læst Log ud

hugohammer Nybegynder

14. december 2003 - 16:20 Der er 67 kommentarer og
1 løsning

foto skifte ved opdater-klik!

Jeg har en nogle billede der med et givent interval (hver gang siden bliver opdateret) skal skiftes ud. Ved godt der er nogle lign. opgaver allerede, men håber i kan hjælpe med det?!

tak...

Synes godt om

thesurfer Nybegynder

14. december 2003 - 16:22 #1

Skal de skifte i en bestemt rækkefølge eller tilfældigt rækkefølge?

Synes godt om

roenving Novice

14. december 2003 - 16:25 #2

-- og skal de kun udskiftes, når siden reloades (og reloader du siden, eller bare noget andet ?-)

Synes godt om

hugohammer Nybegynder

14. december 2003 - 16:26 #3

Der skal gerne skiftes når der bliver opdateret eller man kommer tilbage på forsiden (det er her billedet skal være) rækkefølgen er ligemeget, men det skulle jo gerne variere!

Synes godt om

roenving Novice

14. december 2003 - 16:31 #4

Måske kan du bruge den her:

http://www.eksperten.dk/spm/438822

Synes godt om

hugohammer Nybegynder

14. december 2003 - 16:32 #5

sorry men jeg fatter ikke en skid af det! Jeg har prøvet, tror det er fordi det er nogle andre genveje til billeder osv.

Synes godt om

roenving Novice

14. december 2003 - 16:36 #6

Det der sker i 438822 er, at billede-navnene lægges i et array, og så skiftes de tilfældigt ...

-- det kunne være en indgangsvinkel til at de skiftes, at man netop tog et tilfældigt, for ellers skal man ud i noget cookie-noget for at sekventiere det !-)

-- og kode kan altid tilrettes, så fortæl f.eks. hvordan du indsætter dine billeder, hvor mange billeder der er på siden ad gangen og hvor mange der potentielt er til hver position !o]

Synes godt om

hugohammer Nybegynder

14. december 2003 - 16:49 #7

Det er sikkert det samme jeg søger som står i 438822,men kan ikke rigtig overskue hvilken en kode jeg skal vælge! Jeg er 6 foto der skal kodes sammen...

Synes godt om

roenving Novice

14. december 2003 - 16:54 #8

Skal de skiftevis placeres eet sted på din side ?-)

<script type="text/javascript">

pics=new Array();

bannerpics[0]="../billede1.png";

bannerpics[1]="../billede2.png";

bannerpics[2]="../billede3.png";

function ShowPicture(){
num = Math.floor(Math.random()*pics.length);

document.getElementById('picture').src = pics[num];

}
</script>

-- og så:

<body onload="showPicture()">

<img id="picture" src="" style="width:200px;height:150px;">

Synes godt om

hugohammer Nybegynder

14. december 2003 - 17:00 #9

de skal være samme sted på siden.

Synes godt om

roenving Novice

14. december 2003 - 17:02 #10

Ok, det er den jeg har beskrevet !-)

Synes godt om

hugohammer Nybegynder

14. december 2003 - 17:05 #11

skal jeg bare placeres under head?

Synes godt om

roenving Novice

14. december 2003 - 17:09 #12

Jeg plejer at samle scripts i head-sektionen, men det er principielt ligegyldigt hvor du placerer scriptet !o]

<body>-tagget må kun placeres eet sted (der må nemlig kun være et eneste !-)
(hvis du har noget inde i body-tagget i forvejen og er i tvivl om tilføjelsen, kan du jo lige poste det !-)

-- og på det img-tag, som indeholder dit billede, tilføjer du id="picture" ...

Synes godt om

hugohammer Nybegynder

14. december 2003 - 18:15 #13

der kommer bare noget tekst på siden, hvis jeg gør det...

Synes godt om

thesurfer Nybegynder

14. december 2003 - 18:20 #14

Et par småfejl.. her er rettelsene:

bannerpics=new Array();

num = Math.floor(Math.random()*bannerpics.length);

document.getElementById('picture').src = bannerpics[num];

<body onload="ShowPicture()">

Linierne skal bare erstatte de gamle.

Synes godt om

thesurfer Nybegynder

14. december 2003 - 18:22 #15

Næste gang må du meget gerne skrive hvad "noget tekst" er :)
Jeg tror at roenving havde blandet 2 scripts sammen :)
..og glemte at holde shift nede da han skrev "S" i onload="ShowPicture()" :)

Synes godt om

hugohammer Nybegynder

14. december 2003 - 18:23 #16

ok når jeg sætter disse par linier ind kommer der jo også bare tekst. Skal der ikke stå noget om min foto? der er 8 forresten!

Synes godt om

hugohammer Nybegynder

14. december 2003 - 18:26 #17

Når jeg trykker på eksempel kommer følgende tekst: bannerpics=new Array();

num = Math.floor(Math.random()*bannerpics.length);

document.getElementById('picture').src = bannerpics[num];

<body onload="ShowPicture()">

Jeg arbjeder i frontpage

Synes godt om

thesurfer Nybegynder

14. december 2003 - 18:30 #18

Du skal først klikke på "HTML"-fanen nederest i vinduet.. derefter indsætter du:

<script type="text/javascript">
bannerpics[0]="../billede1.png";
bannerpics[1]="../billede2.png";
bannerpics[2]="../billede3.png";

function ShowPicture(){
num = Math.floor(Math.random()*bannerpics.length);

document.getElementById('picture').src = bannerpics[num];

}
</script>

Tilføj onload="ShowPicture()" til dit <body> tag så det kommer til at se sådan ud:
<body onload="ShowPicture()">

Og der hvor du vil have billedet til at står:
<img id="picture" src="" style="width:200px;height:150px;">

Du skal altså IKKE tilføje et nyt <body>..

Synes godt om

thesurfer Nybegynder

14. december 2003 - 18:32 #19

rettelse:

<script type="text/javascript">
bannerpics=new Array();
bannerpics[0]="../billede0.png";
bannerpics[1]="../billede1.png";
bannerpics[2]="../billede2.png";
bannerpics[3]="../billede3.png";
bannerpics[4]="../billede4.png";
bannerpics[5]="../billede5.png";
bannerpics[6]="../billede6.png";
bannerpics[7]="../billede7.png";

function ShowPicture()
{
num = Math.floor(Math.random()*bannerpics.length);
document.getElementById('picture').src = bannerpics[num];
}
</script>

Synes godt om

hugohammer Nybegynder

14. december 2003 - 18:52 #20

hele koden under HTML ser sådan ud:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Ny side 1</title>
</head>

<body<body onload="ShowPicture()">>

<p align="center"> <script
type="text/javascript"><BR>bannerpics[0]="../C:\Documents and Settings\Niels Andersen\Skrivebord\banner forside\2.jpg";<BR>bannerpics[1]="../C:\Documents and Settings\Niels Andersen\Skrivebord\banner forside\1.jpg";
<BR>bannerpics[2]="../C:\Documents and Settings\Niels Andersen\Skrivebord\banner forside\3.jpg";<BR><BR>function ShowPicture(){<BR> num =
Math.floor(Math.random()*bannerpics.length);<BR><BR>
document.getElementById('picture').src =
bannerpics[num];<BR><BR>}<BR></script><BR></p>

<img id="picture" src="" style="width:200px;height:150px;">
</html>

Når jeg trykker på eksempel står der denne tekst:

<script type="text/javascript">
bannerpics[0]="../C:\Documents and Settings\Niels Andersen\Skrivebord\banner forside\2.jpg";
bannerpics[1]="../C:\Documents and Settings\Niels Andersen\Skrivebord\banner forside\1.jpg";
bannerpics[2]="../C:\Documents and Settings\Niels Andersen\Skrivebord\banner forside\3.jpg";

function ShowPicture(){
num = Math.floor(Math.random()*bannerpics.length);

document.getElementById('picture').src = bannerpics[num];

}
</script>

<img id="picture" src="" style="width:200px;height:150px;">

Hvad går der galt?

Synes godt om

roenving Novice

14. december 2003 - 18:59 #21

Frontpage har mishandlet koden, fordi den ikke tror at andre kan finde ud af at kode (egentlig et meget rimeligt udgangspunkt for en maskine, som i hvert fald ikke kan !-|

<body onload="ShowPicture()">

<p align="center"> 
<script type="text/javascript">
<BR>

</script>

<img id="picture" src="" style="width:200px;height:150px;">

Synes godt om

roenving Novice

14. december 2003 - 18:59 #22

Det var de linjer, som skulle rettes ...

-- og i kode-vinduet, _ikke_ i et design-vindue !-)

Synes godt om

thesurfer Nybegynder

14. december 2003 - 19:04 #23

hugohammer> Jeg skrev jo netop 'Du skal først klikke på "HTML"-fanen nederest i vinduet' fordi du bruger Frontpage :)

Og lad vær med at bruge:
"../C:\Documents and Settings\Niels Andersen\Skrivebord\"

Hvis billederne ligger i samme mappe som htm filen, bruger du bare "2.jpg".
Hvis billederne ligger i en der hedder "pics" der ligger i samme mappe som htm filen, skriv du "pics/2.jpg".
Hvis ligger i en mappe "mine_pics", "før" htm filen, bruger du "../mine_pics/2.jpg"

Lad vær med at bruge den fulde sti, som du har gjort.. giver kun problemer.. :)

Synes godt om

hugohammer Nybegynder

14. december 2003 - 19:20 #24

De 8 billeder ligge nu i samme mappe som html siden vi skal ha lavet! De hedder 1,2,3,4,5,6,7 og 8! Jeg fatter ikke lige hvem jeg skal rette mig efter nu?! Men hvad hedder den kode! Fuck i kan mange ting....

Synes godt om

hugohammer Nybegynder

14. december 2003 - 19:21 #25

det er jpeg filer!

Synes godt om

thesurfer Nybegynder

14. december 2003 - 19:28 #26

Synes godt om

hugohammer Nybegynder

14. december 2003 - 19:29 #27

skal der også stå billed8.jpeg eller bare 8 som den hedder?

Synes godt om

hugohammer Nybegynder

14. december 2003 - 19:32 #28

Jeg skriver koden en linje unden </head>?

Synes godt om

roenving Novice

14. december 2003 - 19:43 #29

>>thesurfer

Hvad skal det +1 til ?-)

Vil du kun bruge pics[1] - pics[8] ?-|

For det er resultatet ...

Synes godt om

thesurfer Nybegynder

14. december 2003 - 19:43 #30

Dine HTML dokumenter skulle gerne består af følgende:
<HTML>
<HEAD>
<TITLE>Title på siden</TITLE>
<script type="text/javascript">
bannerpics=new Array();
bannerpics[0]="billede1.jpeg";
bannerpics[1]="billede2.jpeg";
bannerpics[2]="billede3.jpeg";
bannerpics[3]="billede4.jpeg";
bannerpics[4]="billede5.jpeg";
bannerpics[5]="billede6.jpeg";
bannerpics[6]="billede7.jpeg";
bannerpics[7]="billede8.jpeg";

function ShowPicture()
{
num = Math.floor(Math.random()*bannerpics.length);
document.getElementById('picture').src = bannerpics[num + 1];
}
</script>
</HEAD>

<BODY onload="ShowPicture()">

<img id="picture" src="">

</BODY>
</HTML>

Du har sikkert en masse andet kode.. men sådan skal din html fil ud, plus din egen kode.

Synes godt om

thesurfer Nybegynder

14. december 2003 - 19:44 #31

Starter arrayen ikke ved 0 (nul)?
Han har billederne 1-8.

Synes godt om

roenving Novice

14. december 2003 - 19:46 #32

men så hedder det array-index som indeholder billede 8 er vel [7] !-)

Synes godt om

roenving Novice

14. december 2003 - 19:47 #33

<html>
<head>
<title>Title på siden</title>
<script type="text/javascript">
pics=new Array();
pics[0]="billede1.jpeg";
pics[1]="billede2.jpeg";
pics[2]="billede3.jpeg";
pics[3]="billede4.jpeg";
pics[4]="billede5.jpeg";
pics[5]="billede6.jpeg";
pics[6]="billede7.jpeg";
pics[7]="billede8.jpeg";

function showPicture()
{
num = Math.floor(Math.random()*pics.length);
document.getElementById('picture').src = pics[num];
}
</script>
</head>
<body onload="showPicture()">

<img id="picture" src="">

</body>
</html>

Synes godt om

thesurfer Nybegynder

14. december 2003 - 19:48 #34

hugohammer> Der skal bare stå "8.jpg", hvis filen hedder "8.jpg"..
hvis filen hedder "8.jpeg", skal der bare stå "8.jpeg".

Hvis du hverken kan se ".jpg" eller ".jpeg" efter tallet "8", er det fordi "skjul filtyperne for kendte filtyper" er slået til. Det slåes fra via:
en mappes menu vis > mappeindstillinger > vis > fjern "x" i "skjul filtyperne for kendte filtyper" (det var Windows 98).

Synes godt om

roenving Novice

14. december 2003 - 19:49 #35

>>thesurfer

Bruger du også Frontpage ?-)

Man kunne få den tanke, når du konsekvent lægger kode, hvor tags er skrevet med store bogstaver ...

En dårlig vane i betragtning af, at man i den nære fremtid ikke må bruge store bogstaver nogle steder i (x)html-kode !-)

Synes godt om

thesurfer Nybegynder

14. december 2003 - 19:54 #36

roenving> Nej. :)
Det var bare for at vise hvilke tags der skulle være der :)

Ahh.. jeg tænkte på 'billede' + num + '.jpg'-stilen :)
Derfor +1 :)

Synes godt om

roenving Novice

14. december 2003 - 20:05 #37

-- det er jo noget helt andet, for det er jo rigtigt, at har vi den kontrol, kan vi nøjes med:

<html>
<head>
<title>Title på siden</title>
<script type="text/javascript">
function showPicture()
{
num = Math.floor(Math.random()*8);
document.getElementById('picture').src = num + ".jpg";
}
</script>
</head>
<body onload="showPicture()">

<img id="picture" src="">

</body>
</html>

Synes godt om

hugohammer Nybegynder

15. december 2003 - 22:30 #38

Hej igen....

Hvis jeg skriver ovenstående kode fra roenving (kl.20:05:17) ind i HTML vinduet kommer følgende frem når jeg går ind i ekslempel vinduet: <html>
<head>
<title>Title på siden</title>
<script type="text/javascript">
function showPicture()
{
num = Math.floor(Math.random()*8);
document.getElementById('picture').src = num + ".jpg";
}
</script>
</head>
<body onload="showPicture()">

<img id="picture" src="">

</body>
</html>

Hvad går der galt? Er det lige meget hvor jeg sætter koden ind i HTML vinduet?

Synes godt om

thesurfer Nybegynder

15. december 2003 - 23:18 #39

Har du husket først at klikke på "HTML kode" nederest i vinduet i frontpage?
Det skal du altid når du indsætte html/javascript kode.

Synes godt om

thesurfer Nybegynder

15. december 2003 - 23:19 #40

Den hedder bare "HTML"..
"Normal" bruges når du vil ændre designet via den grafiske overflade.

Synes godt om

hugohammer Nybegynder

15. december 2003 - 23:27 #41

ja det har jeg husket, troede du jeg havde sat den ind i "normal"?! Jeg har bare kopiret koden over i HTML vinduet! Men der kommer altså kun ovenstående frem, når jeg trykker eksempel! desværre...

Synes godt om

thesurfer Nybegynder

15. december 2003 - 23:34 #42

hmm.. er billederne 1.jpg, 2.jpg, ..., 8.jpg i samme mappe som html filen?

Synes godt om

hugohammer Nybegynder

15. december 2003 - 23:38 #43

ja det er de! De hedder jo jpeg og det har jeg lavet om i følgende linje, så der står dette:

document.getElementById('picture').src = num + ".jpeg";

Synes godt om

thesurfer Nybegynder

15. december 2003 - 23:40 #44

ok.. virker det så med "jpeg" i stedet for "jpg" ?

Synes godt om

hugohammer Nybegynder

15. december 2003 - 23:45 #45

nej der helt det samme! Der står bare jpeg i stedet for jpg. Er jeg for dum til det her eller hva?!

Synes godt om

thesurfer Nybegynder

15. december 2003 - 23:51 #46

hang on.. tester det lige hos mig..

Synes godt om

thesurfer Nybegynder

15. december 2003 - 23:57 #47

Testet og virker..

document.getElementById('picture').src = num +1 + ".jpeg";

Hvis du vil indstille banneret til en bestem størrelse, gøres det med (her 480x60):
<img id="picture" src="" width="480" height="60">

+1 forhindre at den vælger "0.jpg".

Synes godt om

hugohammer Nybegynder

16. december 2003 - 00:10 #48

det forstår jeg ikke... Hvor kopier du koden ind henne i HTML vinduet? har prøvet igen, det virker ikke!

Synes godt om

thesurfer Nybegynder

16. december 2003 - 00:14 #49

Jeg forstår altså ikke hvad det er du laver :)
OK...
1) gem/save dine ændringer i frontpage.
2) Åben Notepad/Noteblok (se i Tilbehør)
3) Vælg menuen Filer > Åben
4) Der hvor der står "*.txt", skriver du "*.*"
5) Find din html fil, og åben den
6) Indsæt koden:
<head>
<title>Title på siden</title>
<script type="text/javascript">
function showPicture()
{
num = Math.floor(Math.random()*8);
document.getElementById('picture').src = num +1 + ".jpeg";
}
</script>
</head>
<body onload="showPicture()">

<img id="picture" src="" width="480" height="60">

</body>
</html>

7) Vælg menuen Filer > gem/save
8) Dobbelklik på html filen.

Nu kan det ikke være gået galt! :)

Synes godt om

thesurfer Nybegynder

16. december 2003 - 00:16 #50

gem/save dine ændringer i frontpage. = gem dokumentet, og luk Frontpage.
Tilbehør = menuen Tilbehør i din start menu.
skriver du "*.*" = skriv "*.*" og trykker enter tasten.

Synes godt om

hugohammer Nybegynder

16. december 2003 - 00:28 #51

Hvis jeg sender de 8 billeder til dig, hvor meget skal du så have for at sætte dem sammen?

Synes godt om

thesurfer Nybegynder

16. december 2003 - 00:42 #52

Jeg skal ikke have noget for det.. du oploader dine billeder plus din html fil.. så kigger jeg på det.

Skriv ikke din email adresse her.

Hvis du ikke har en server, kan du oprette en gratis bruger her:
www.frip.dk
www.frac.dk
www.whitehat.dk

Hvis du vælger whitehat.dk:
Opret bruger og login. Derefter klikker du på linket "filstyring". Klik så på "Upload filer". Klik "Choose" og vælg billederne + plus (en fil per felt).
Når du har valgt alle filerne, klikker du "Udfør".

Så skriver du et link som f.eks.:
http://hugohammer.users.whitehat.dk/minfil.htm
hvor "hugohammer" er det brugernavn du valgte hos whitehat.dk, og "minfil.htm" er navnet på din html fil.

Jeg går ud fra at billederne hedder 1.jpeg, 2.jpeg..., 8.jpeg.

Synes godt om

hugohammer Nybegynder

16. december 2003 - 00:44 #53

hvorfor ikke bare skrive min e-mail?

Synes godt om

hugohammer Nybegynder

16. december 2003 - 00:46 #54

jeg fatter ikke det andet halløj... ok?

Synes godt om

thesurfer Nybegynder

16. december 2003 - 00:47 #55

ok, men i stedet for at skrive @, skriver du (z).
F.eks. hugohammer(z)hotmail.com.

Det er så spambots ikke nakker din email adresse og sender dig uønsket reklamert.

Synes godt om

hugohammer Nybegynder

16. december 2003 - 00:51 #56

min mail er lige det du skrev... sender du lige din e-mail?

Synes godt om

thesurfer Nybegynder

16. december 2003 - 00:55 #57

Jeg har lige sendt en mail.. emnet er "theSurfer her.".

Synes godt om

hugohammer Nybegynder

16. december 2003 - 00:57 #58

den er ikke modtaget endnu.. Prøv lige igen!

Synes godt om

hugohammer Nybegynder

16. december 2003 - 00:58 #59

2 sek. skriver lige...

Synes godt om

hugohammer Nybegynder

16. december 2003 - 01:01 #60

ok?

Synes godt om

thesurfer Nybegynder

16. december 2003 - 01:07 #61

har modtaget mailen.. du har ikke sendt din html kode med..
jeg indsætter den kode vi har arbejdet med, og sender det hele tilbage til dig i en selvudpakkende zip fil (.exe).

Synes godt om

thesurfer Nybegynder

16. december 2003 - 01:23 #62

Jeg har sendt mailen; emnet er "filerne retur".

Instruktioner er inkluderet i mailen. Alle filerne placeres i samme mappe.
Billedet opdateres hver gang siden loades eller reloades.

Linien <img id="picture" src=""> kan du placere hvor du vil, så længe at det er mellem <body> og </body>.

Jeg har flyttet scriptet til efter html koden slutter. Dvs onload="showPicture()"-delen skal ikke længere stå i <body>.

Synes godt om

hugohammer Nybegynder

16. december 2003 - 20:29 #63

Tak for hjælpen! Jeg har skrevet retur. Gider du sende det til den mail, som jeg har skrevet, da min hotmail blokker din fil. TAK FOR HJÆLPEN!!!

Synes godt om

hugohammer Nybegynder

16. december 2003 - 20:30 #64

nu har jeg ikke givet mig selv point?!

Synes godt om

thesurfer Nybegynder

16. december 2003 - 21:13 #65

jo, det har du :)
Du opretter bare et nyt spm, med titlen "Points til X" til samme antal points, hvor X er navnene på de personer der hjalp dig.

Synes godt om

thesurfer Nybegynder

16. december 2003 - 21:39 #66

Husk lige at skrive et link til det nye spm, her i dette spm..
Så kan folk finde det..

Synes godt om

hugohammer Nybegynder

03. februar 2004 - 21:57 #67

Hejsa thesurfer... Tjek lige http://www.eksperten.dk/spm/460770

Synes godt om

hugohammer Nybegynder

03. februar 2004 - 21:59 #68

Jeg bruger jo den kode, som du lavede til mig. De forskellige billeder skulle bare gerne linke til 8 forskellige sider på min hjemmeside. Kan vi klarer det?

Jeg bruger denne html kode nu:

<html>
<head>
<title>Title på siden</title>
</head>
<body topmargin="0" leftmargin="0">

<img id="picture" src="">

</body>
</html>

<script type="text/javascript">
num = Math.floor(Math.random()*8);
document.getElementById('picture').src = num +1 + ".jpg";
</script>

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420:40
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS