Avatar billede andersthingholm Nybegynder
14. april 2005 - 12:14 Der er 6 kommentarer og
1 løsning

Image rollever x2

Hejsa,

Jeg har med Dreamweaver lavet en række rollover med denne kode:

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

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];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('About us','','images/frontpageAboutUs_over.jpg',1)"><img src="images/frontpageAboutUs.jpg" alt="About us" name="About us" width="107" height="151" border="0"></a>

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('textAboutUs','','images/frontpageTextAbout_over_uk.gif',1)"><img src="images/frontpageTextAbout_uk.gif" alt="About us" name="textAboutUs" width="57" height="9" border="0"></a>

Dvs. at der et et billede samt en "tekst", som fungerer uafhængigt af hinanden.

Er der nogen, der kan hjælpe med at koble disse 2 elementer sammen, så når man ruller over billedet, skifter "teksten" også og omvendt?
Avatar billede roenving Novice
14. april 2005 - 17:05 #1
Række ?-)

-- vil det sige, at det skal indrettes til at tage en hel stribe med samme konstruktion ?o]
Avatar billede andersthingholm Nybegynder
14. april 2005 - 23:46 #2
Ja, der er 7 billeder og 7 "tekster".
Avatar billede roenving Novice
15. april 2005 - 13:19 #3
F.eks.

<script type="text/javascript">
function swapImgs(elm,img1,img2){
  var imgs = elm.getElementsByTagName("IMG");
  imgs[0].src = img1;
  imgs[1].src = img2;
}
</script>

<span onmouseover="swapImgs(this,'images/frontpageAboutUs_over.jpg','images/frontpageTextAbout_over_uk.gif');" onmouseout="swapImgs(this,'images/frontpageAboutUs.jpg','images/frontpageTextAbout_uk.gif');">
  <img src="images/frontpageAboutUs.jpg">
  <img src="images/frontpageTextAbout_uk.gif">
</span>
Avatar billede andersthingholm Nybegynder
17. april 2005 - 10:37 #4
VIl det sige at man roligt kan droppe Dreamweavers autogenererede funktioner?
Avatar billede andersthingholm Nybegynder
18. april 2005 - 13:05 #5
Smider du et svar?
Avatar billede roenving Novice
19. april 2005 - 05:19 #6
Nogle gange er Dreamweavers funktioner klart overkill, men ofte indeholder de en simpel og effektiv måde at få udført nogle opgaver, som ellers kræver, at man får fat i et kodehode eller på anden måde kan over- eller gennemskue noget kode !-)

-- og her er de jo ikke indrettet til det, du ønsker, så her er det klart fornuftigt at finde andre veje ...

Velbekomme '-)
Avatar billede roenving Novice
20. april 2005 - 07:13 #7
-- og tak for point ;~}
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