Søg
Avatar billede Slettet bruger
12. oktober 2003 - 21:45 Der er 12 kommentarer og
1 løsning

Billedskifter med thumbnails osv.

Hej!

Jeg søger et script i stil med det på

http://www.edc.dk/framedefault.asp?sidenavn=soeg/sag.asp&ppid=82002062&pKategori=1

gerne med en "Næste billede" og "Forrige billede" knap.

Jeg har ikke lyst til at atjæle fra EDC Mæglerne ;)
Avatar billede olebole Juniormester
13. oktober 2003 - 00:11 #1
<ole>

<script type="text/JavaScript">
function swapPic(p) {
  document.getElementById("pic").src = p.href;
}
</script>

<img src="et_billede.gif" id="pic">

<a href="nyt_billede.gif" onclick="swapPic(this)">TEST</a>
<a href="nyt_billede2.gif" onclick="swapPic(this)">TEST</a>

/mvh
</bole>
Avatar billede olebole Juniormester
13. oktober 2003 - 00:12 #2
... og i stedet for 'TEST' kan du jo lægge en thumbnail  :)
Avatar billede casper_skovgaard Nybegynder
13. oktober 2003 - 15:10 #3
en lille udvidelse til oleboles svar

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
    <title></title>
    <script type="text/JavaScript">
    function swapPic(p) {
        document.getElementById("pic").src = p.href;
    }
    </script>
   
    <style type="text/css">
    .thumbnail {
        cursor: pointer;
    }
   
    </style>
</head>

<body>

<div id="big">
<img src="et_billede.gif" id="pic">
</div>

<div id="thumbnails">
<img class="thumbnail" src="nyt_billede.gif" onclick="swapPic(this)" />
<img class="thumbnail" src="nyt_billede2.gif" onclick="swapPic(this)" />
</div>

</body>
</html>
Avatar billede Slettet bruger
13. oktober 2003 - 15:14 #4
Jeg besluttede at tage udgangspunkt i ideen for EDC's skifter, men har nu lavet den næsten færdig som jeg ønsker den. Og i bund og grund er der ikke meget af den oprindelige kode tilbage, så mon ikke EDC bærer over med mig?

Men lad os nu se om jeg får den lavet færdig uden mere hjælp ;)
Avatar billede olebole Juniormester
20. oktober 2003 - 20:04 #5
casper_skovgaard >> Det var da en rigtig skidt 'udvidelse' af mit eksempel. Det ville da have været bedre, om du havde skrevet noget, der kunne fungere  ;oD

el_barto >> Tak, for points  :)
Avatar billede casper_skovgaard Nybegynder
20. oktober 2003 - 22:06 #6
det virker da fint ???
Avatar billede olebole Juniormester
20. oktober 2003 - 22:16 #7
Vil man være påståelig, bør man enten kunne læse en kode - eller teste.
Den kode, du har skrevet, _må_ ikke kunne virke - og jeg vil så sandelig ikke håbe, du har fundet en, der er så defekt, at script'et virker i den  :)
/mvh
Avatar billede casper_skovgaard Nybegynder
21. oktober 2003 - 10:00 #8
nu ser jeg fejlen p.href skal selvfølgelig rettes til p.src

men det virker faktisk i min browser...??? hvor mærkeligt den end lyder :) (IE 6 på XP)
Avatar billede olebole Juniormester
21. oktober 2003 - 10:42 #9
Hehe ... jeg har også lige testet. Det fungerer også i IE6/Win2K - men nu er spørgsmålet vel også, om man overhovedet kan kalde den en browser  ;oD
/mvh
Avatar billede Slettet bruger
21. oktober 2003 - 11:31 #10
hehe...en meget tolerant browser...nærmest Ghandi-agtig...
Avatar billede olebole Juniormester
21. oktober 2003 - 12:01 #11
Eneste kedelige forskel: Ghandi blev dræbt  ;o)
Avatar billede casper_skovgaard Nybegynder
21. oktober 2003 - 14:23 #12
:) ja, men hvor gamle blev han egentlig... På den anden side er det jo meget rart med en browser som gør som man tænker og ikke som man koder... :) nå, den holder vist ikke i længden.
Avatar billede olebole Juniormester
21. oktober 2003 - 14:28 #13
Der går vist 1.000.000.000.000.000.000.000.000.000.000.000.000 IE'ere på en kvart Ghandi  :)
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 JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Å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
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
22/0821:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
22/0820:06 email adresse Af Malm i Forslag til ændringer
22/0819:54 problem med google crome Af Malm i Andet software
22/0809:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »