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
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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