Søg
Avatar billede mads1987 Nybegynder
14. august 2006 - 16:37 Der er 8 kommentarer og
1 løsning

Billedeskifter, link til det viste billede.

Hej, jeg bruger følgende script til at vælge et ud af 4 billede, som så bliver stort ved mouseover. Man kan ligeledes klikke på de små for at få billede i fuldstørrelse i en popup.

Jeg er dog støt ind i et problem. Hvordan sørger jeg for at man kan klikke på det store billede, og ligeledes få vist dette i en popup?

<script type="text/javascript">
    function SkiftBillede(navn,nr)
    {
        var stort = document.images('stortbillede').src;
        document.images('stortbillede').src = navn + '.jpg';
    }
</script>

<img alt="" name="stortbillede" src="1.jpg">

<a href="1.jpg" target="_blank"><img name="lille1" src="1.jpg" width="60" height="46" border="0" alt="Hold musen over det billede du vil se i større udgave" onMouseOver="SkiftBillede('1',1); return true;" onMouseOut="window.status=''; return true;"></a>

<a href="2.jpg" target="_blank"><img name="lille2" src="2.jpg" width="60" height="46" border="0" alt="Hold musen over det billede du vil se i større udgave" onMouseOver="SkiftBillede('2',2); return true;" onMouseOut="window.status=''; return true;"></a>

<a href="3.jpg" target="_blank"><img name="lille3" src="3.jpg" width="60" height="46" border="0" alt="Hold musen over det billede du vil se i større udgave" onMouseOver="SkiftBillede('3',3); return true;" onMouseOut="window.status=''; return true;"></a>

<a href="4.jpg" target="_blank"><img name="lille4" src="4.jpg" width="60" height="46" border="0" alt="Hold musen over det billede du vil se i større udgave" onMouseOver="SkiftBillede('4',4); return true;" onMouseOut="window.status=''; return true;"></a>

Mvh.
Mads
Avatar billede mclemens Nybegynder
14. august 2006 - 19:24 #1
Eksempel:

...

<script type="text/javascript">
    function SkiftBillede(navn,nr)
    {
        var stort = document.images('stortbillede').src;
        document.images('stortbillede').src = navn + '.jpg';
        document.images('stortbillede').parentNode.href = navn + '.jpg';
    }
</script>

</head><body>

<a href="1.jpg" target="_blank"><img alt="" name="stortbillede" src="1.jpg"></a>

...
Avatar billede mads1987 Nybegynder
15. august 2006 - 08:56 #2
Super, det var smart. Hvis jeg må tillade mig at stille et spørgsmål til, er det så mulighed for at jeg kan bruge en anden af roenvings genialiteter på det store billede. På de små billeder kører jeg nemlig i mit <a> en

"onclick=\"popWin('billede1.jpg')\";return false;\">" ( For at resize browservinduet )

Hvad skriver jeg istedet for billede1.jpg, hvis jeg vil sikre mig det er det viste (store) billede der bliver linket til.
Avatar billede mclemens Nybegynder
15. august 2006 - 10:02 #3
Hvad med

document.images('stortbillede').parentNode.onclick = function(){popWin(navn + '.jpg');return false;}
Avatar billede mads1987 Nybegynder
15. august 2006 - 11:45 #4
Super, mange tak!
Avatar billede mclemens Nybegynder
15. august 2006 - 12:03 #5
Velbekom, og tak for point :o)
Avatar billede roenving Novice
15. august 2006 - 12:34 #6
Måske skal det lige med at det er et indeks på images-arrayet:

<script type="text/javascript">
    function SkiftBillede(navn,nr)
    {
        var stort = document.images['stortbillede'].src;
        stort.src = navn + '.jpg';
        stort.parentNode.onclick = function(){popWin(navn + '.jpg');return false;};
    }
</script>
Avatar billede mads1987 Nybegynder
15. august 2006 - 13:30 #7
Tak roenving. Hvis jeg må lave en headhunting på dig, vil du så ikke kaste et blik her: http://www.eksperten.dk/spm/726083 , og sige mig om det er noget der kan laves relativt nemt, eller om jeg skal opgive og finde en anden løsning :)
Avatar billede roenving Novice
15. august 2006 - 13:36 #8
*lol*

-- jeg lod den stå åben, da jeg stødte ind i den, og jeg ved ikke, om det kan lade sig gøre, men jeg har vist forsøgt før ...
Avatar billede mads1987 Nybegynder
15. august 2006 - 13:49 #9
Hvis du kan finde noget i gemmeren vil jeg bøje mig i støvet ;) Jeg følger med i det andet spørgsmål.
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 03/05/202613:59
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
I dag 01:57 Tjek alle checkbox i form Af bsn i ASP
I går 21:35 Lidt simpel (håber jeg) Photoshop hjælp Af fcs i Billedbehandling
16/0516:04 Canon printer vil ikke udskrive farver Af mort1 i Printere
16/0514:50 Hvilket fabrikat af Mesh systemer virker? Af fkj i Wifi
15/0513:45 AJAX kode -javascript Af Asky i Programmeringsværktøjer
White papers
Flere white papers »