Avatar billede cholden Nybegynder
22. august 2006 - 16:42 Der er 15 kommentarer og
1 løsning

Skrift billede

Hej eksperter

Hvordan gør jeg sådan at når jeg trykker på "Billede 1" bliver "billede1.jpg" vist og når jeg trykker på "Billede 2" bliver billede2.jpg vist. Lige når siden er loaded skal den vise Billede 1
Avatar billede nidyahou Praktikant
22. august 2006 - 18:44 #1
Det er godt nok javascript, men what the heck. Denne del smider du bare ind i body.

<script>
bill = new Array("billeder/1.gif", "billeder/2.gif", "billeder/3.gif", "billeder/4.gif", "billeder/5.gif"); //Her smider du de billeder der skal preloades ind.

pb = new Array();
for (i = 0; i < bill.length; i++) {
pb[i] = new Image();
pb[i].src = bill[i];
}

function skift(billede, bsrc) {
document.images[billede].src = bsrc;
}
</script>

Så tilføjer du bare til din linkkode så det kommer til at se f.eks sådan her ud:

<a href="../test.asp" onClick="skift('billede', 'billeder/1.gif');">link1</a>

I dette tilfælde går den udfra at det der skal skiftes er et billede som har navnet "billede" koden kan se sådan her ud:

<img src="billeder/0.gif" name="billede">

det kan self. alt sammen ændres som du vil
Avatar billede nidyahou Praktikant
22. august 2006 - 18:45 #2
du bestemmer bare det første billede ved at angive src'en til det du vil.
Avatar billede Slettet bruger
22. august 2006 - 18:57 #3
- Ja og her er det så i asp...
<html>
<body>
<%
billede = request.querystring("billede")
if billede = "" then
billede = "billede1.jpg"
end if
%>
<img src="billede1.jpg" onclick="document.location=('<%=request.servervariables("script_name")%>?billede=billede1.jpg');">
<img src="billede2.jpg" onclick="document.location=('<%=request.servervariables("script_name")%>?billede=billede2.jpg');">
<br>
<img src="<%=billede%>">
</body>
</html>


- sådan...

\Dan
Avatar billede nidyahou Praktikant
22. august 2006 - 19:43 #4
jeg vil nu stadig mene at javascript versionen spiller bedre fordi din kræver at siden skiftes, men det kan self. være et spørgsmål om mange ting :)
Avatar billede cholden Nybegynder
23. august 2006 - 10:32 #5
Ved ikke lige hvad der er smartest. Syns ik li jeg kan få det jeg vil til at funke.

Meningen er:
'billede1.jpg' findes!
Hvis 'billede2.jpg' findes skal der kommer en tekst under billedet hvor der står '1 | 2' Hvis man trykker på "2", skal den vise billede2.jpg.
Hvis 'billede3.jpg findes skal der komme en teksten under billedet være "1 | 2 | 3". Hvis man trykker på "3", skal den vise billede3.jpg

Altså.. Det antal billeder der findes skal man kunne trykke sig ind på ved hjælp af knapperne 1, 2 , 3 osv.

Håber forstår systemet.
Avatar billede Slettet bruger
27. august 2006 - 15:07 #6
Sådan!!! Nu har jeg så lavet det som du vil have det - tror jeg...

<html>
<body>
|
<%
folder = "billeder"
set fs=Server.CreateObject("Scripting.FileSystemObject")
set f=fs.GetFolder(server.mappath(folder))
for each file in f.files
name = file.name
if lcase(right(name,3)) = "jpg" then
if count = "" then
first = name
end if
count=count+1
%>
<a href="<%=request.servervariables("script_name")%>?billede=<%=folder%>/<%=name%>">
<%=count%>
</a>
|
<%
end if
next
set f=nothing
set fs=nothing
if request.querystring("billede") = "" then
%>
<img src="<%=folder%>/<%=first%>">
<%else%>
<img src="<%=request.querystring("billede")%>">
<%end if%>
</body>
</html>

heri hedder mappen "billeder" men her kan du selvfølgelig bare ændre stien til det du vil have det til...

GOD FORNØJELSE!

\Dan
Avatar billede Slettet bruger
28. august 2006 - 01:36 #7
- og her har du den så med i java-udgaven - hvor den netop IKKE reloader siden for hvert klik på et nyt billede...

<html>
<body>
|
<%
folder = "billeder"
set fs=Server.CreateObject("Scripting.FileSystemObject")
set f=fs.GetFolder(server.mappath(folder))
for each file in f.files
name = file.name
if lcase(right(name,3)) = "jpg" then
if count = "" then
first = name
end if
count=count+1
%>
<a href="#" onclick="document.getElementById('billede').src='<%=folder%>/<%=name%>';">
<%=count%>
</a>
|
<%
end if
next
set f=nothing
set fs=nothing
    if first <> "" then
%>
<img id="billede" src="<%=folder%>/<%=first%>">
<%
    end if
%>
</body>
</html>

\Dan
Avatar billede cholden Nybegynder
29. august 2006 - 18:44 #8
Det ser rigtig godt ud!!

Hvordan før jeg så hvis jeg skal have flere på en side?
Avatar billede cholden Nybegynder
29. august 2006 - 19:30 #9
Således, nu har jeg fundet ud af det.

Men.. Når jeg nu trykker på et tal, og den skifter billede.. Så kommer man helt op i toppen af siden. Altså.. Det er ligesom at trykke på en 'Gå til toppen'-knap... Kan man lavet det om?
Avatar billede nidyahou Praktikant
29. august 2006 - 19:37 #10
indsæt <span id="#top"></span> i toppen
<a href="#top">til toppen</a>
Avatar billede cholden Nybegynder
29. august 2006 - 19:39 #11
Tror ikke jeg gjorde mit spm klart nok:

Man må ikke komme helt op i toppen når man trykker på et tal
Avatar billede Slettet bruger
30. august 2006 - 00:00 #12
SÅLEDES!

<html>
<body>
|
<%
folder = "billeder"
set fs=Server.CreateObject("Scripting.FileSystemObject")
set f=fs.GetFolder(server.mappath(folder))
for each file in f.files
name = file.name
if lcase(right(name,3)) = "jpg" then
if count = "" then
first = name
end if
count=count+1
%>
<a href="#billede" onclick="document.getElementById('billede').src='<%=folder%>/<%=name%>';">
<%=count%>
</a>
|
<%
end if
next
set f=nothing
set fs=nothing
    if first <> "" then
%>
<img name="billede" id="billede" src="<%=folder%>/<%=first%>">
<%
    end if
%>
</body>
</html>

jeg satte jo bare lige et "name" ind i img-taggen og så lidt ekstra i "href" i a-taggen...

\Dan
Avatar billede nidyahou Praktikant
30. august 2006 - 00:12 #13
haha jeg har da tendens til ikke at fatte dine spørgsmål ;o)
Avatar billede cholden Nybegynder
30. august 2006 - 08:10 #14
Ser rigtig godt ud. Prøver lige når jeg kommer hjem fra skole.
Mange tak!!
Avatar billede cholden Nybegynder
31. august 2006 - 16:30 #15
Okay. Det er meget bedre. Men.. Hvis billedet er midt på siden, og jeg trykker på et tal, så scroller den ned så billedet er i toppen af siden. Kan man ændre det, så den kun ændre billedet, og ikke hopper op på siden?
Avatar billede cholden Nybegynder
27. september 2006 - 20:18 #16
hop
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
Kurser inden for grundlæggende programmering

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