Avatar billede sannen Nybegynder
13. marts 2001 - 13:58 Der er 13 kommentarer og
1 løsning

Mouseover

jeg har lavet en menu hvor man ved mouseover ser et billede et andet sted på siden skifter. det går bare ikke..Er der en som kan lave en script med 11 knapper og så et billedefelt som skifter billede ved mouseover på de forskellige knapper??  det gir 250 point for en som jeg kan bruge...Det skal helst laves så jeg selv (i dreamweaver) kan rykke rundt med knapperne efter behov uden at det ændre moudeover efekten)
sanne
Avatar billede sannen Nybegynder
13. marts 2001 - 14:08 #1
http://www.jobber.subnet.dk
her har jeg lavet en med 4 knapper...så det er lidt mere forståeligt hvad jeg spørger efter...der skal bare være 11 istedet

Avatar billede engrob Nybegynder
13. marts 2001 - 14:16 #2
Noget i denne her retning?

<html>
<head><title>Mouseover</title>
<script language=\"javascript\">
function skiftBil(layer,imgName,imgObj) {
    if (document.layers && layer!=null)
eval(\'document.\'+layer+\'.document.images[\"\'+imgName+\'\"].src = \'+imgObj+\'.src\');
    else document.images[imgName].src = eval (imgObj+\".src\");
    }

function preload(imgObj,imgSrc) {
    if (document.images) {
        eval(imgObj+\' = new Image()\')
        eval(imgObj+\'.src = \"\'+imgSrc+\'\"\')
    }
}
preload)\'normal\',\'normalbil.gif\')
preload(\'bil1\',\'billede1.gif\')
preload(\'bil2\',\'billede2.gif\')
preload(\'bil3\',\'billede3.gif\')
preload(\'bil4\',\'billede4.gif\')
preload(\'bil5\',\'billede5.gif\')
preload(\'bil6\',\'billede6.gif\')
preload(\'bil7\',\'billede7.gif\')
preload(\'bil8\',\'billede8.gif\')
preload(\'bil9\',\'billede9.gif\')
preload(\'bil10\',\'billede10.gif\')
preload(\'bil11\',\'billede11.gif\')
</script>

</head>
<body>

<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil1\')\" onMouseOut=\"skiftBil(nul,\'overbillede\',\'normal\')\"><img src=\"bille1.gif\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil2\')\" onMouseOut=\"skiftBil(nul,\'overbillede\',\'normal\')\"><img src=\"bille2.gif\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil3\')\" onMouseOut=\"skiftBil(nul,\'overbillede\',\'normal\')\"><img src=\"bille3.gif\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil4\')\" onMouseOut=\"skiftBil(nul,\'overbillede\',\'normal\')\"><img src=\"bille4.gif\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil5\')\" onMouseOut=\"skiftBil(nul,\'overbillede\',\'normal\')\"><img src=\"bille5.gif\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil6\')\" onMouseOut=\"skiftBil(nul,\'overbillede\',\'normal\')\"><img src=\"bille6.gif\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil7\')\" onMouseOut=\"skiftBil(nul,\'overbillede\',\'normal\')\"><img src=\"bille7.gif\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil8\')\" onMouseOut=\"skiftBil(nul,\'overbillede\',\'normal\')\"><img src=\"bille8.gif\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil9\')\" onMouseOut=\"skiftBil(nul,\'overbillede\',\'normal\')\"><img src=\"bille9.gif\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil10\')\" onMouseOut=\"skiftBil(nul,\'overbillede\',\'normal\')\"><img src=\"bille10.gif\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil11\')\" onMouseOut=\"skiftBil(nul,\'overbillede\',\'normal\')\"><img src=\"bille11.gif\"></a><br><br><br>

<img src=\"normalbil.gif\" name=\"overbillede\">
</body>
</html>
Avatar billede sannen Nybegynder
13. marts 2001 - 14:27 #3
jamn der er fejl i..der står objekt var ventet i linie 15??? HJÆLPPP fatter jo ikke hvad der skal rettes??
Avatar billede engrob Nybegynder
13. marts 2001 - 14:56 #4
Hov, jeg kom til at skrive
preload)\'normal\',\'normalbil.gif\')
ret til
preload(\'normal\',\'normalbil.gif\')
Avatar billede sannen Nybegynder
13. marts 2001 - 15:04 #5
arghh min skyld..glemte at samtidigt skal knapperen også skifte på mouseover...åhh nu bliver det indviklet ik??
Avatar billede engrob Nybegynder
13. marts 2001 - 15:22 #6
Nej, så hedder det bare
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil1\');skiftBil(null,\'billedenr1\',\'bil1over\')\" onMouseOut=\"skiftBil(nul,\'overbillede\',\'normal\');skiftBil(null,\'billedenr1\',\'bil1ud\')\"><img src=\"bille1.gif\" name=\"billedenr1\"></a><br>

Og så skal du huske at preloade

preload(\'bil1over\',\'bil1over.gif\')
preload(\'bil1ud\',\'bil1ud.gif\')

Sådan skal du bare gøre ved dem allesammen.
Avatar billede sannen Nybegynder
13. marts 2001 - 15:26 #7
jamn jamn..jeg fatter det jo bare ik..hvor skal det preload sættes ind??? ku du evt lave en med 11 igen bare med mouse over og preload??? arvv jeg er besværlig
Avatar billede engrob Nybegynder
13. marts 2001 - 16:02 #8
Ja, nu du siger det. Du skal have temmelig mange billeder

<html>
<head><title>Mouseover</title>
<script language=\"javascript\">
function skiftBil(layer,imgName,imgObj) {
    if (document.layers && layer!=null)
eval(\'document.\'+layer+\'.document.images[\"\'+imgName+\'\"].src = \'+imgObj+\'.src\');
    else document.images[imgName].src = eval (imgObj+\".src\");
    }

function preload(imgObj,imgSrc) {
    if (document.images) {
        eval(imgObj+\' = new Image()\')
        eval(imgObj+\'.src = \"\'+imgSrc+\'\"\')
    }
}
preload(\'bil1over\',\'bil1o.gif\')
preload(\'bil1ud\',\'bil1u.gif\')
preload(\'bil2over\',\'bil2o.gif\')
preload(\'bil2ud\',\'bil2u.gif\')
preload(\'bil3over\',\'bil3o.gif\')
preload(\'bil3ud\',\'bil3u.gif\')
preload(\'bil4over\',\'bil4o.gif\')
preload(\'bil4ud\',\'bil4u.gif\')
preload(\'bil5over\',\'bil5o.gif\')
preload(\'bil5ud\',\'bil5u.gif\')
preload(\'bil6over\',\'bil6o.gif\')
preload(\'bil6ud\',\'bil6u.gif\')
preload(\'bil7over\',\'bil7o.gif\')
preload(\'bil7ud\',\'bil7u.gif\')
preload(\'bil8over\',\'bil8o.gif\')
preload(\'bil8ud\',\'bil8u.gif\')
preload(\'bil9over\',\'bil9o.gif\')
preload(\'bil9ud\',\'bil9u.gif\')
preload(\'bil10over\',\'bil10o.gif\')
preload(\'bil10ud\',\'bil10u.gif\')
preload(\'bil11over\',\'bil11o.gif\')
preload(\'bil11ud\',\'bil11u.gif\')

preload(\'normal\',\'normalbil.gif\')
preload(\'bil1\',\'billede1.gif\')
preload(\'bil2\',\'billede2.gif\')
preload(\'bil3\',\'billede3.gif\')
preload(\'bil4\',\'billede4.gif\')
preload(\'bil5\',\'billede5.gif\')
preload(\'bil6\',\'billede6.gif\')
preload(\'bil7\',\'billede7.gif\')
preload(\'bil8\',\'billede8.gif\')
preload(\'bil9\',\'billede9.gif\')
preload(\'bil10\',\'billede10.gif\')
preload(\'bil11\',\'billede11.gif\')
</script>

</head>
<body>

<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil1\'); skiftBil(null,\'billedenr1\',\'bil1over\')\" onMouseOut=\"skiftBil(null,\'overbillede\',\'normal\'); skiftBil(null,\'billedenr1\',\'bil1ud\')\"><img src=\"bil1u.gif\" name=\"billedenr1\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil2\'); skiftBil(null,\'billedenr2\',\'bil2over\')\" onMouseOut=\"skiftBil(null,\'overbillede\',\'normal\'); skiftBil(null,\'billedenr1\',\'bil2ud\')\"><img src=\"bil2u.gif\" name=\"billedenr2\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil3\'); skiftBil(null,\'billedenr3\',\'bil3over\')\" onMouseOut=\"skiftBil(null,\'overbillede\',\'normal\'); skiftBil(null,\'billedenr1\',\'bil3ud\')\"><img src=\"bil3u.gif\" name=\"billedenr3\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil4\'); skiftBil(null,\'billedenr4\',\'bil4over\')\" onMouseOut=\"skiftBil(null,\'overbillede\',\'normal\'); skiftBil(null,\'billedenr1\',\'bil4ud\')\"><img src=\"bil4u.gif\" name=\"billedenr4\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil5\'); skiftBil(null,\'billedenr5\',\'bil5over\')\" onMouseOut=\"skiftBil(null,\'overbillede\',\'normal\'); skiftBil(null,\'billedenr1\',\'bil5ud\')\"><img src=\"bil4u.gif\" name=\"billedenr5\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil6\'); skiftBil(null,\'billedenr6\',\'bil6over\')\" onMouseOut=\"skiftBil(null,\'overbillede\',\'normal\'); skiftBil(null,\'billedenr1\',\'bil6ud\')\"><img src=\"bil4u.gif\" name=\"billedenr6\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil7\'); skiftBil(null,\'billedenr7\',\'bil7over\')\" onMouseOut=\"skiftBil(null,\'overbillede\',\'normal\'); skiftBil(null,\'billedenr1\',\'bil7ud\')\"><img src=\"bil4u.gif\" name=\"billedenr7\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil8\'); skiftBil(null,\'billedenr8\',\'bil8over\')\" onMouseOut=\"skiftBil(null,\'overbillede\',\'normal\'); skiftBil(null,\'billedenr1\',\'bil8ud\')\"><img src=\"bil4u.gif\" name=\"billedenr8\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil9\'); skiftBil(null,\'billedenr9\',\'bil9over\')\" onMouseOut=\"skiftBil(null,\'overbillede\',\'normal\'); skiftBil(null,\'billedenr1\',\'bil9ud\')\"><img src=\"bil4u.gif\" name=\"billedenr9\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil10\'); skiftBil(null,\'billedenr10\',\'bil10over\')\" onMouseOut=\"skiftBil(null,\'overbillede\',\'normal\'); skiftBil(null,\'billedenr1\',\'bil10ud\')\"><img src=\"bil4u.gif\" name=\"billedenr10\"></a><br>
<a href=\"#\" onMouseOver=\"skiftBil(null,\'overbillede\',\'bil11\'); skiftBil(null,\'billedenr11\',\'bil11over\')\" onMouseOut=\"skiftBil(null,\'overbillede\',\'normal\'); skiftBil(null,\'billedenr1\',\'bil11ud\')\"><img src=\"bil4u.gif\" name=\"billedenr11\"></a><br><br><br>

<img src=\"normalbil.gif\" name=\"overbillede\">
</body>
</html>

Avatar billede sannen Nybegynder
13. marts 2001 - 16:06 #9
Tak for det:O((( nu får du dine point for besværet og vil så starte med at proppe mine egne billeder ind imorgen tidligt..så håber jeg bare det virker*GG\'..TAKKKKKKKKKKKKKKKKKKK igen*S*
Avatar billede engrob Nybegynder
13. marts 2001 - 16:10 #10
Det var så lidt. Næ, faktisk ikke.

Jo. Det tog ikke så lang tid...
Avatar billede sannen Nybegynder
14. marts 2001 - 08:44 #11
håber du glad for dine ponit engrob for det virker ik..*ØVV* jeg kan IKKE rykke rundt på brikkerne bagefter uden at alt går i kludder og mouseoveren laver sig alle mulige steder hvor den ej skal:O(((
Avatar billede engrob Nybegynder
14. marts 2001 - 16:14 #12
Det var da ikke så fedt. Vil du have lagt det i lag eller hvad er det du vil?
Avatar billede sannen Nybegynder
14. marts 2001 - 18:55 #13
jamn prøv at se
www.jobber.subnet.dk
der fandt jeg koderne på net...med 4 knapper og de stod på en vandret række. Men da jeg havde sat mine egene billeder ind kunne jeg bare (i dremweaver) rykke rundt med knapperne så de var der hvor jeg ville ha dem, og de virkede stadig. Hvis jeg rykker rundt med de knapper du har lavet kludder mouseoveren og laver mouseover på de forkerte billeder og såen??
Avatar billede engrob Nybegynder
16. marts 2001 - 21:17 #14
Kan du ikke lægge det ud på nettet så jeg kan se det?
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