Avatar billede mlyager Nybegynder
12. september 2000 - 16:15 Der er 11 kommentarer og
1 løsning

OnmouseOver i andet frame

Jeg skal bruge et script, som ved mouseOver i frame1 - skal få billedet i frame2 til at skifte.

Der skal ligge ca. 15-20 billeder i funktionen.

Can anyone help me ... please
Avatar billede olebole Juniormester
12. september 2000 - 16:43 #1
<ole>
I din \'anden frame\' skriver du:

<html>
<head>
<script language=\"JavaScript\">
<!--
var pics = new Array();
var picNum = 5; // antal af billeder
function preLoad() {
    for (i=0; i<picNum; i++) {
        pics[i] = new Image();
    }
    pics[0].src = \"num1_on.gif\";
    pics[1].src = \"num2_on.gif\";
    pics[2].src = \"num3_on.gif\";
    pics[3].src = \"num4_on.gif\";
    pics[4].src = \"num5_on.gif\";
    // Her kan du fortsætte
}
function swap(img_name,img_src) {
    document.images[img_name].src = img_src;
}
//-->
</script>
</head>
<body onload=\"preLoad();\">
<p><img src=\"num1.gif\" name=\"bill1\"></p>
<p><img src=\"num2.gif\" name=\"bill2\"></p>
<p><img src=\"num3.gif\" name=\"bill3\"></p>
<p><img src=\"num4.gif\" name=\"bill4\"></p>
<p><img src=\"num5.gif\" name=\"bill5\"></p>
</body>
</html>

I din \'første frame\' skriver du kaldene således:

<p><a href=\"#\" onmouseover=\"parent.dinAndenRamme.swap(\'bill1\',\'num1_on.gif\');\" onmouseout=\"parent.dinAndenRamme.swap(\'bill1\',\'num1.gif\');\">link1</a></p>
<p><a href=\"#\" onmouseover=\"parent.dinAndenRamme.swap(\'bill2\',\'num2_on.gif\');\" onmouseout=\"parent.dinAndenRamme.swap(\'bill2\',\'num2.gif\');\">link2</a></p>
...osv

/mvh
</bole>
Avatar billede el_gnu Nybegynder
12. september 2000 - 16:56 #2
En mulig løsning kunne være følgende:

<SCRIPT TYPE=\"text/javascript\">
if (document.images) {
    var billeder = new Array(20);

    for (i = 0; i <= 20 ;) {
        billeder[i] = new Image();
        billeder[i].src = \'pic\' + (++i) + \'.gif\';
    }
}

function swap(navn, nr) {
    document.images[navn].src = billeder[nr - 1].src;
}
</SCRIPT>


Hvor dine billeder så hedder pic1, pic2 etc.

I mouseOver framen skriver du:

<a href=\"#\" onMouseOver=\"top.foersteFramesNavn.swap(\'navnetPaaBilledet\', 1)\" onMouseOut=\"top.foersteFramesNavn.swap(\'navnetPaaBilledet\', 2)\">link tekst</a>


hvor 1 og 2 er numrene på billederne og navnetPaaBilledet forhåbentlig siger sig selv.

(-: el Gnu
Avatar billede el_gnu Nybegynder
12. september 2000 - 16:57 #3
hmm, måske det ville være smart at lære blindskrift, så man ikke altid blev sidst :-)
Avatar billede mlyager Nybegynder
12. september 2000 - 17:54 #4
øhh ...

jeg har ikke lige afprøvet koderne, men for mig at se, er der 5 pic\'s i frame2 - her skal der kun være ét, som så kan skifte mellem 15-20 forskellige logo\'er.

Eks - kig på <a href=\"http://www.takeoff.nu/meetingpoint\">takeoff.nu</a>

Avatar billede mlyager Nybegynder
12. september 2000 - 17:54 #5
her lige et link i kan klikke på

http://www.takeoff.nu
Avatar billede mlyager Nybegynder
12. september 2000 - 17:57 #6
problemet med den kode, som er skrevet dér er, at det fucker op i netscape, da det er lavet i layers.

Logo\'erne skal poppe op samme sted, hver gang, uanset skærmstørrelse.
Avatar billede olebole Juniormester
12. september 2000 - 18:30 #7
Sæt ét billede ( slet alle andre end \'bill1\' ) på siden i stedet og så lav dine mouseover og mouseout kald, så det passer...altså:

<p><a href=\"#\" onmouseover=\"parent.dinAndenRamme.swap(\'bill1\',\'num1_on.gif\');\" onmouseout=\"parent.dinAndenRamme.swap(\'bill1\',\'num1.gif\');\">link1</a></p>
<p><a href=\"#\" onmouseover=\"parent.dinAndenRamme.swap(\'bill1\',\'num2_on.gif\');\" onmouseout=\"parent.dinAndenRamme.swap(\'bill1\',\'num2.gif\');\">link2</a></p>
...osv
/mvh


Avatar billede olebole Juniormester
12. september 2000 - 18:37 #8
PS: Det fucker ikke op i NS, fordi det er lavet i layers! Det fucker op i NS, fordi det er lavet dårligt  ;o)
Avatar billede olebole Juniormester
12. september 2000 - 18:40 #9
<mob>
Gnu\'en må lære at bruge 4-klovs system  :oD
</ning>
Avatar billede olebole Juniormester
16. september 2000 - 08:38 #10
Juhuuuuuuu...  ;o)
Avatar billede el_gnu Nybegynder
13. oktober 2000 - 16:01 #11
hmmm, 200 kun til mig...?
Avatar billede olebole Juniormester
13. oktober 2000 - 22:04 #12
Det må være fordi, gnu\'en er en truet dyreart!  *ROTFL*
...Eller måske fordi mylayer finder sandheder provokerende!  :oD))
/mvh
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