Avatar billede rampagezz Nybegynder
23. februar 2008 - 17:09 Der er 8 kommentarer og
1 løsning

Større billede med onmouse over

Hej eksperter.

Er der en der kan hjælpe mig med at lave en "popup", således at når man holder musen henover billedet, skal det forstørres.
Ligesom her: www.123sommerhus.dk  bare med onmouseover i stedet for at man trykker på det.

Her er koden, hvor billedet bliver hentet:
<img src="../gif/kort/<?php echo $row_Recordset1['kort1']; ?>" width="15" height="20">

Håber i kan hjælpe mig.

-rampagezz
Avatar billede olebole Juniormester
23. februar 2008 - 17:25 #1
<ole>

Det kan du ikke gøre med CSS. Meningen med den moderne opdeling af en webside er, at script skal tage sig af funktionaliteten, hvorfor den side, du henviser til, løser problemeatikken på en (desværre) mulig måde - men ikke én, der nogensinde har været meningen med CSS. Du bør løse opgaven med JavaScript  :)

/mvh
</bole>
Avatar billede w13 Novice
23. februar 2008 - 17:46 #2
Måske med:

<img src="../gif/kort/<?php echo $row_Recordset1['kort1']; ?>" width="15" height="20" onmouseover="this.removeAttribute('width');this.removeAttribute('height')" onmouseout="this.setAttribute('width','15');this.setAttribute('height','20')">

Fungerer på en lidt anden måde, som jeg mener, er mere hensigtsmæssig, men det kan du jo selv se.

Dog utestet.
Avatar billede rampagezz Nybegynder
23. februar 2008 - 17:57 #3
Ikke dårligt.. Er der mulighed for at man kan vise to billeder forstørret samtidig?

Sådan her kan man kun se dem forstørret hver for sig:

<img src="../gif/kort/<?php echo $row_Recordset1['kort1']; ?>" width="15" height="20" onmouseover="this.removeAttribute('width');this.removeAttribute('height')" onmouseout="this.setAttribute('width','15');this.setAttribute('height','20')"><img src="../gif/kort/<?php echo $row_Recordset1['kort2']; ?>" width="15" height="20" onmouseover="this.removeAttribute('width');this.removeAttribute('height')" onmouseout="this.setAttribute('width','15');this.setAttribute('height','20')">
Avatar billede rampagezz Nybegynder
23. februar 2008 - 17:59 #4
Kom med et svar, for det var det jeg skulle bruge.
Jeg mangler bare at kunne samle dem. Så hvis du kan hjælpe med det er det perfekt, ellers opretter jeg et nyt spørgsmål i JavaScript. :-)
Avatar billede w13 Novice
23. februar 2008 - 18:13 #5
Så må du lave noget med id'er:
-----------------------------------------------------
<script type="text/javascript" language="javascript">
function ShowLarge(o){
  o.removeAttribute('width');
  o.removeAttribute('height')
}
function CloseLarge(o){
  o.setAttribute('width','15');
  o.setAttribute('height','20')
}
</script>

<img id="pic1" src="../gif/kort/<?php echo $row_Recordset1['kort1']; ?>" width="15" height="20" onmouseover="ShowLarge(this);ShowLarge(document.getElementById('pic2'))" onmouseout="CloseLarge(o);CloseLarge(document.getElementById('pic2'))">

<img id="pic2" src="billed2.jpg" width="15" height="20" onmouseover="ShowLarge(this);ShowLarge(document.getElementById('pic1'))" onmouseout="CloseLarge(o);CloseLarge(document.getElementById('pic1'))">
Avatar billede rampagezz Nybegynder
23. februar 2008 - 18:23 #6
Nej, hvor fedt.. Den eneste fejl er bare at den ikke formindsker billederne igen, når man tager musen væk. Billedet forbliver stort, indtil man opdaterer.
Avatar billede rampagezz Nybegynder
23. februar 2008 - 18:35 #7
Nu har jeg lige prøvet med onclick i stedet for onmouseout, men det giver det samme.
Avatar billede rampagezz Nybegynder
23. februar 2008 - 18:41 #8
Jeg fandt selv ud af det.. Satte (o) til (this) i "Close"..
Endnu engang tak for hjælpen.. Du er bare min redning idag.. :-)
Avatar billede w13 Novice
23. februar 2008 - 18:58 #9
:)
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