---

Hej..

Nogen der kan hjælpe..

Jeg har et lille lille foto, som jeg gerne vil have til at vises i stort,
når jeg fører musen over..
Gerne så jeg selv kan bestemme, størrelsen af det store foto...

Mvh Søren

---

Søren wrote:
> Hej..
>
> Nogen der kan hjælpe..
>
> Jeg har et lille lille foto, som jeg gerne vil have til at vises i
> stort, når jeg fører musen over..
> Gerne så jeg selv kan bestemme, størrelsen af det store foto...
>
> Mvh Søren

<img
src="billede.jpg"
onmouseover="this.src='stort.jpg'; this.height='100'; this.width='200';"
onmouseout="this.src='billede.jpg'; this.height='10'; this.width='10';"
width="10" height="10"
/>

---

"Martin" <martin@aarhof.invalid> skrev i meddelelsen
news:48bec51c$0$90271$14726298@news.sunsite.dk...
> Søren wrote:
>> Hej..
>>
>> Nogen der kan hjælpe..
>>
>> Jeg har et lille lille foto, som jeg gerne vil have til at vises i stort,
>> når jeg fører musen over..
>> Gerne så jeg selv kan bestemme, størrelsen af det store foto...
>>
>> Mvh Søren
>
> <img
> src="billede.jpg"
> onmouseover="this.src='stort.jpg'; this.height='100'; this.width='200';"
> onmouseout="this.src='billede.jpg'; this.height='10'; this.width='10';"
> width="10" height="10"
> />

Ok.. var nu ikke lige såsan jeg ønskede.. Der måtte gerne poppe et nyt
billede op ! Ved siden af et sted..
Ellers flytter det rundt på min tabel

Mvh Søren

---

Søren kom med denne ide:
> "Martin" <martin@aarhof.invalid> skrev i meddelelsen
> news:48bec51c$0$90271$14726298@news.sunsite.dk...
>> Søren wrote:
>>> Hej..
>>>
>>> Nogen der kan hjælpe..
>>>
>>> Jeg har et lille lille foto, som jeg gerne vil have til at vises i stort,
>>> når jeg fører musen over..
>>> Gerne så jeg selv kan bestemme, størrelsen af det store foto...
>>>
>>> Mvh Søren
>>
>> <img
>> src="billede.jpg"
>> onmouseover="this.src='stort.jpg'; this.height='100'; this.width='200';"
>> onmouseout="this.src='billede.jpg'; this.height='10'; this.width='10';"
>> width="10" height="10"
>> />
>
> Ok.. var nu ikke lige såsan jeg ønskede.. Der måtte gerne poppe et nyt
> billede op ! Ved siden af et sted..
> Ellers flytter det rundt på min tabel
>
> Mvh Søren

Indsæt en absolut positioneret div, der indholder billedet i den
størrelse du vil vise det.
Sæt display : none; for denne div. F.eks.:

#mindiv {
position : absolute;
left : 125px;
top : 125px;
}

<div id="mindiv" style="display:none"><img src="stor_billede.jpg"
alt=""></div>

så sætter du i dit lille billede :
<img src="billede.jpg" onmouseover="document.getElementById(
'mindiv').style.display = 'block';"
onmouseout="document.getElementById( 'mindiv').style.display = 'none';"
alt="">

Det skulle gerne virke...

Birger

---

Søren skrev:
>
> "Martin" <martin@aarhof.invalid> skrev i meddelelsen
> news:48bec51c$0$90271$14726298@news.sunsite.dk...
>> Søren wrote:
>>> Hej..
>>>
>>> Nogen der kan hjælpe..
>>>
>>> Jeg har et lille lille foto, som jeg gerne vil have til at vises i
>>> stort, når jeg fører musen over..
>>> Gerne så jeg selv kan bestemme, størrelsen af det store foto...
>>>
>>> Mvh Søren
>>
>> <img
>> src="billede.jpg"
>> onmouseover="this.src='stort.jpg'; this.height='100';
>> this.width='200';"
>> onmouseout="this.src='billede.jpg'; this.height='10'; this.width='10';"
>> width="10" height="10"
>> />
>
> Ok.. var nu ikke lige såsan jeg ønskede.. Der måtte gerne poppe et nyt
> billede op ! Ved siden af et sted..
> Ellers flytter det rundt på min tabel

http://webdesign101.dk/rollover/eksempel_7.php
skulle være let at lave, så det også virker
i en tabel. Det er simpelthen et spørgsmål
om placeringen af /begge/ billeder. Det
behøver man i øvrigt ikke en tabel til.

--
Med venlig hilsen

Jørgen Farum Jensen
http://webdesign101.dk

---

"Søren" <s.thomsen@mail.dk> skrev

> Ok.. var nu ikke lige såsan jeg ønskede.. Der måtte gerne poppe et nyt
> billede op ! Ved siden af et sted..
> Ellers flytter det rundt på min tabel

Et hurtigt skud i tågen - er ikke afprøvet:

<img src="filnavn_tn.jpg" alt=""
onmouseover="visbillede('filnavn_stort.jpg');" />
<div id="stortbillede"></div>

Javascript-funktionen (placeres oppe mellem <head> og </head>)

function visbillede(filnavn) {
document.getElementById(filnavn).innerHTML = '<img src="'+filnavn+'"
alt="" />';
}


Jeg forudsætter at der ikke er noget stort billede på siden, før onmouseover
trigges. Ellers kunne en løsning blive en mellemting mellem ovenstående og
den som Martin foreslog.
Med dette forslag kan der dog også smides noget billedtekst ind:

<img src="filnavn_tn.jpg" alt=""
onmouseover="visbillede('filnavn_stort.jpg','Dette er et flot billede!');"
/>
<div id="stortbillede"></div>

Javascript-funktionen (placeres oppe mellem <head> og </head>)

function visbillede(filnavn,billedtekst) {
document.getElementById(filnavn).innerHTML = '<p><img
src="'+filnavn+'" alt="" /><br />'+billedtekst+'</p>';
}

---

Søren skrev:
> Hej..
>
> Nogen der kan hjælpe..
>
> Jeg har et lille lille foto, som jeg gerne vil have til at vises i
> stort, når jeg fører musen over..
> Gerne så jeg selv kan bestemme, størrelsen af det store foto...
>
Lov mig at du ikke bare laver "Se det samme billede i en større ramme".
Det har jeg set i en del webshops

Leif

---

"Leif Neland" <leif@neland.dk> skrev

> Lov mig at du ikke bare laver "Se det samme billede i en større ramme".
> Det har jeg set i en del webshops

Jeg går ud fra at du taler om at lave thumbnails i stedet for bare at
skalere det samme billede op/ned.
Ja, så ligner det næsten en rodet MySpace-profil, når vi taler om
indlæsningstid.