Søg
Avatar billede hedemann Nybegynder
27. april 2007 - 23:57 Der er 11 kommentarer og
1 løsning

Visning af stort billede

mangler en funktion der gør følgende;
Har et lille billede (150px *100px) og når så markøren køres hen over det skal der vises et større version af billedet. Ikke i et nyt browser vindue, men som et lag ....
Avatar billede trumf Nybegynder
28. april 2007 - 01:41 #1
Du kan lave en div med det store billede og skifte dens visibility med onmouseover og onmouseout på det lille billede
Avatar billede hedemann Nybegynder
28. april 2007 - 09:15 #2
Jeps det var noget i den retning jeg tænkte - men jeg er ikke en ørn til javascript, så har du evt. et eksempel
Avatar billede roenving Novice
28. april 2007 - 11:33 #3
Er det et enkeltstående tilfælde, eller har du forskellige billeder ?-)

-- se f.eks. http://www.eksperten.dk/spm/512430 ...
Avatar billede trumf Nybegynder
28. april 2007 - 13:50 #4
<script type="text/javascript">
<!--
function ShowHide(id, visibility) {
    obj = document.getElementsByTagName("div");
    obj[id].style.visibility = visibility;
}
//-->
</script>
<div id="sub1Div"> sub1</div>
<a href="java script:ShowHide('sub1Div','visible')"
      onmouseover="ShowHide('sub1Div','visible')"
      onmouseout="ShowHide('sub1Div','hidden')">
      showhide.sub1
</a>
Avatar billede hedemann Nybegynder
28. april 2007 - 22:32 #5
Meget godt, trumf.... hvis vi nu siger at jeg har pic_small.jpg og pic_big.jpg, hvordan vil det så se ud....
Avatar billede roenving Novice
29. april 2007 - 01:41 #6
Har du set http://www.eksperten.dk/spm/775547 ?-)
Avatar billede trumf Nybegynder
29. april 2007 - 14:54 #7
<script type="text/javascript">
<!--
function ShowHide(id, visibility) {
    obj = document.getElementsByTagName("div");
    obj[id].style.visibility = visibility;
}
//-->
</script>
<div id="sub1Div"><img src="pic_big.jpg"></div>
<a href="java script:ShowHide('sub1Div','visible')"
      onmouseover="ShowHide('sub1Div','visible')"
      onmouseout="ShowHide('sub1Div','hidden')">
      <img src="pic_small.jpg">
</a>
Avatar billede hedemann Nybegynder
29. april 2007 - 22:23 #8
Ok, trumf nu er vi der  - næsten. Hvordan "slutter" man det store billede, det er fremme når siden vises første gang. Og kan man sætte en position på div-tagget således at man selv kan bestemme hvor på siden det skal vises?
Avatar billede trumf Nybegynder
29. april 2007 - 22:46 #9
position: style="top:200;left:400"

<body onload="ShowHide('sub1Div', 'hidden') ">
Avatar billede hedemann Nybegynder
01. maj 2007 - 08:39 #10
Ok, trumf - send et svar og jeg sender point til dig.....
Avatar billede trumf Nybegynder
01. maj 2007 - 08:57 #11
Godt jeg kunne hjælpe :)
Avatar billede hedemann Nybegynder
01. maj 2007 - 09:14 #12
jeg takker
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
I går 15:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
11/1013:35 Bruger på Win11 Af lurup i Browsere
07/1022:52 Google beskeder har/havde en bug, så den sendte tilfældige gamle beskeder gemt indeni nye beskeder efter skifte til ny Samsungtelefon via Samsung Smart Switch Af KennethLykke i Apps til Android
05/1010:31 Min IPAD vil ikke oplade. Af Nørdnot i Mac
04/1018:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
White papers
Flere white papers »