onmouseover vise html side med billeder

hvad er det du vil??

hej
jeg tror faktisk slet ikke jeg kan det jeg gerne vil, kun hvis det er jpg fil

kan man overhovedet vise en html fil ved onmouseover ( ved at køre mus over et billede) og så forsvinder siden  igen når man fjerne musen ?

så skal du nok bruge en iframe til at loade siden i.

hvis du bare skal bruge et billede af siden og det ikke behøver at være selve siden, mener jeg der er løsninger på dette, jeg kan dog ikke lige huske hvor jeg har set det. måske en anden kan hjælpe?

hej
jeg tror jeg lader spørgsmålet stå åbent ;-).. Det er vist meget ud over mine evner det jeg vil her (iframe) ...

men tak

<ole>

Drop det! Hvis en hel HTML-side skal loades og vises i en iframe på onmouseover, har brugeren forlængst lavet mouseout, før siden er loaded. Find en ny approach  ;o)

/mvh
</bole>

iframe er nu simpelt nok at bruge.

<iframe src="exp.dk" width="400px" height="400px" id="stort_billede">

<a href="/billedegalleri_2/auris2.html" onmouseover="document.getElementById('stort_billede').src='/billedegalleri_2/auris2.html')><img src="/billedegalleri_1/toyotaauris.jpg" height="75" width="75" alt="auris2 dørhåndtag" />

Ja, det er simpelt - men temmelig ubrugeligt i denne sammenhæng. Det tager alt for lang tid at loade en hel side, så brugeren er garanteret væk, inden iframe'en har loaded  =)

ja, det tænkte jeg også på, men det finder spørger vel ud af (forhåbenligt)

;o)

Tak

jeg har læst og forstået og blevet "kloger" ....

;-) jeg glemmer det ..

and point goes to ?

hvis jeg skal gøre det med mouseover - out fra lille billede på fx. 75-75 px. til 300 * 300  skal jeg da lave 2 størrelser billeder eller kan jeg bruge det samme hvad gør jeg og så når der klikkes kommer viser den html siden.

hvordan skal jeg så få den kode til at se ud her ?

<a href="/billedegalleri_2/auris2.html" title="beskrivelse" target="_blank" onMouseover="document.stort_billede.src=/billedegalleri_1/toyotaauris.jpg"name="stort_billede">
              <img src="/billedegalleri_1/toyotaauris.jpg" height="75" width="75" alt="auris2 dørhåndtag" name=""  />           
    </a>

Skal du bare vise et større billede - eller skal du også vise tekst?

er det det billede du viser kode med du vil ændre størrelse på, eller skal det store billede vises et andet sted?

jeg har et lille billede 75 * 75 og når jeg køre mus over popper der et større billede op, fks som er skrevet 300 * 300
( og jeg skal have 2 str. billede )

hvis så man klikker, går man til html siden!!

Jeg skal ingen tekst have på...

- og hvor skal det store billede vises?

et større billede af det lille billede fordi det ikke er til at se detaljer på det lille 75 * 75

Vi kommer ingen steder, hvis du ikke svarer på det, du bliver spurgt om

ok og der spørgers om hvor det skal vises?

billede skal vises i et vindue for sig, over det lille billede er det, sådan jeg skal formulere det :-)

Hvis du har billeder med navne som:
Lille: 'bla_th.png'
Stor: 'bla_big.png'

- kan du i princippet gøre noget à la:

<style type="text/css">
.imgCont {
    position: relative;
    overflow: visible;
    float: left
}
.bigImg {
    position: absolute;
    left: 0;
}
</style>

<script type="text/javascript">
function show(oImg) {
    var sSrc = oImg.getAttribute("src").replace("_th", "_big");
    oBigImg.setAttribute("src", sSrc);
    oImg.parentNode.appendChild(oBigImg);
    oBigImg.style.top = (-oBigImg.offsetHeight) + "px";
}
function hide(oImg) {
    oImg.parentNode.removeChild(oBigImg);
}

var oBigImg = null;
window.onload = function() {
    oBigImg = document.createElement("img");
    oBigImg.className = "bigImg";
}
</script>

<div style="padding:320px">

<div class="imgCont">
    <img style="top:0" src="bla_th.png" onmouseover="show(this)" onmouseout="hide(this)">
</div>

<div class="imgCont">
    <img src="bla2_th.png" onmouseover="show(this)" onmouseout="hide(this)">
</div>

</div>

Hov ... 'style="top:0"' på det første billede skal bare fjernes  =)

yes

det ligner det jeg vil ...

Tak Tak

Selvtak  =)

Tak for points  =)