Avatar billede kotelet Nybegynder
04. september 2002 - 11:49 Der er 8 kommentarer og
1 løsning

Rollover effekt

Hej!

Jeg har fire billeder på samme side. Jeg vil gerne have det sådan, at når man fører musen henover et af billederne, skifter det til et andet billede + et lille tekststykke et andet sted, på samme side, ændrer sig.

Jeg tror jeg leder efter noget javascript eller nog't

/Kotelet
Avatar billede hundevennen Nybegynder
04. september 2002 - 11:52 #1
hvilket program bruger du - dreamweaver?? så kan du lave mopuseover - mouseout funktion med at show hide layer
Avatar billede kotelet Nybegynder
04. september 2002 - 11:56 #2
Jeg tør ikke bruge layers... De placerer sig altid anderledes i forhold til siden når man skifter skærmopløsning. Jeg bruger alt formange tabeller til at det kan lade sig gøre... Jeg er ret sikker på, at jeg skal bruge noget JScript... tror jeg...
Avatar billede cdc Novice
04. september 2002 - 12:12 #3
brug rollover images i DW
Avatar billede cdc Novice
04. september 2002 - 12:16 #4
Eller denne i head:

</script>
<script language="JavaScript">
<!--
function skift(bill, nysrc) {
if (document.images)
document.images[bill].src = nysrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>

og denne i body hvor du vil have linket:

<a href="info/index.htm" onMouseOver="skift('menu01', 'images/02.gif')"; onMouseOut="skift('menu01', 'images/01.gif')"; target="_top"><img name="menu01" border="0" src="images/01.gif" width="134" height="28"></a>

/cdc
Avatar billede z42cool Nybegynder
04. september 2002 - 12:25 #5
Hvilke browsere skal det virke i?
Avatar billede kotelet Nybegynder
04. september 2002 - 12:29 #6
JEg kigger på det lidt senere... Jeg har lige nogle mere simple ting der nemlig skal på plads først ... tak for svarene jeg vednder tilbage.
Avatar billede Slettet bruger
04. september 2002 - 14:21 #7
<script>
bill = new Image();
bill.src = "over.gif"; //Over-billedet

function skift(obj, bsrc, txt) {
obj.src = bsrc;
if (document.getElementById)
document.getElementById("tekst").innerHTML = txt;
else if (document.all)
document.all.tekst.innerHTML = txt;
else if (document.layers)
document.nsTekst.document.write(txt);
}
</script>

Billedet:

<img src="ikke_over.gif" onMouseOver="skift(this, 'over.gif', 'Blå blå blå');" onMouseOut="skift(this, 'ikke_over.gif', 'Bla bla bla');">

Teksten:

<div id="tekst"><layer id="nsTekst">
Bla bla bla
</layer></div>
Avatar billede Slettet bruger
04. september 2002 - 14:21 #8
Det virker i IE4+ og NS4+.
Avatar billede kotelet Nybegynder
30. oktober 2003 - 18:19 #9
Takker og lukker
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