CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede klas Juniormester
01. juni 1999 - 16:54 Der er 20 kommentarer og
1 løsning

onmouseover skifter billede??

Heysa..

jeg skal til at lave en side hvor jeg vil have nogle billeder i højre side - og lave en mouseover på dem så et billede som passer til menupunktet kommer frem i midten af siden.. er der ikke én venlig sjæl som kan hjælpe mig med det?
Avatar billede cybles Nybegynder
01. juni 1999 - 16:58 #1
HAr du billeder og det script du vil bruge Klas ?
Avatar billede klas Juniormester
01. juni 1999 - 17:08 #2
jeg er ved at redigere billederne... men det script jeg havde var et som brugte "maps".. og det gik lidt amok når jeg prøvede at rette det til  :o)
Avatar billede cybles Nybegynder
01. juni 1999 - 17:12 #3
Ok jeg finder lige et java script som du kan bruge.
Avatar billede thoeger Nybegynder
01. juni 1999 - 17:28 #4
Hvis jeg har fprstået dit spørgsmål rigtig kan dette bruges:

<script language="JavaScript">
<!--
var version = "other"
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
    if (browserName == "Netscape" && browserVer >= 3) version = "n3";
    else if (browserName == "Netscape" && browserVer < 3) version = "n2";
    else if (browserName == "Microsoft Internet Explorer" && browserVer >= 4) version = "e4";
    else if (browserName == "Microsoft Internet Explorer" && browserVer < 4) version = "e3";
              if (version == "n3" &#124;&#124;&#124;&#124; version == "e4") {
        toc0on = new Image();
              toc0on.src = "1.gif";
        toc1on = new Image();
              toc1on.src = "mouseoverindex.gif";
        toc2on = new Image();
              toc2on.src = "mouseoverhej.gif";
        toc3on = new Image();
              toc3on.src = "disp03.gif";

        }
function img(x) {
        if (version == "n3" &#124;&#124;&#124;&#124; version == "e4") {
    imgName = "toc";
        imgOn = eval(imgName + x + "on.src");
        document [imgName].src = imgOn;
        }
}
//-->
</script>

og derefter skriver du det her hvor det skal bruges

  <td align="right"><MAP NAME="MENU">
<AREA SHAPE=RECT COORDS="37,55,115,75" HREF="index2.htm" TARGET="_self" ONMOUSEOVER="img(1);" ONMOUSEOUT="img(0); return true;">

<AREA SHAPE=RECT COORDS="37,92,80,115" HREF="index.htm" TARGET="_self" ONMOUSEOVER="img(2);" ONMOUSEOUT="img(0); return true;">

</MAP><IMG SRC="3.gif"  border="0" align="center" ALT=""></td>
        <td VALIGN="LEFT">Hej </MAP></td>
Avatar billede thoeger Nybegynder
01. juni 1999 - 17:28 #5
bare glem det med map name det er mig der har glemt at slette det
Avatar billede cybles Nybegynder
01. juni 1999 - 17:33 #6
Ok se om du kan bruge den der elles har jeg en til dig.
Avatar billede cyberesben Nybegynder
01. juni 1999 - 19:45 #7
thoeger>> dit script er da alt for kompliceret!

<A HREF="fil.html" ONMOUSEOVER="if (document.images) document.images.billede1.src='billede2.gif'" ONMOUSEOUT="if (document.images) document.images.billede1.src='billede1.gif'"><IMG SRC="billede1.gif" NAME="billede1"></A>
Avatar billede klas Juniormester
01. juni 1999 - 20:10 #8
hmm.. fik jeg sagt at der skulle være flere forskellige billeder som kunne få eet enkelt til at ændre sig?  tror det ikke..

kan ikke få den fra cyberesben til at virke.. og den anden ser også ud til at bruge "maps".. og så ser den også noget kompliseret ud..
Avatar billede codemiss Nybegynder
01. juni 1999 - 20:23 #9
Et helt lille eksempel!

<html>
<head>
    <title></title>
</head>

<body>

<table width=85% align=center>
    <caption>En menu med skiftende billeder!
    <tr align=center>
        <td>
            <a href="onmouseover.htm" onMouseover="document.billede.src='120798.gif'">Menupunkt 1</a>
        </td>
    </tr>
    <tr align=center>
        <td>
            <a href="onmouseover.htm" onMouseover="document.billede.src='112698.gif'">Menupunkt 2</a>
        </td>
    </tr>
</table>

<img name="billede" src="033199.gif">

</body>
</html>
Avatar billede graae Nybegynder
01. juni 1999 - 20:25 #10
...Med mindre jeg tager fejl af din forklaring er jeg sikker på at det findes på:www.script.dk/

/Graae
Avatar billede klas Juniormester
01. juni 1999 - 20:30 #11
Den er der næsten  :o)))

mangler bare at den går tilbage til det original billede igen når man fjerner musen... og at det er et billede man skal trykke på... samt at det nye billede ikke har samme størrelse som det der var der før :o)
Avatar billede codemiss Nybegynder
01. juni 1999 - 20:33 #12
Så sæt en onMouseout="document.billede.src='Originalbilledet'

Codemiss :-D
Avatar billede codemiss Nybegynder
01. juni 1999 - 20:35 #13
En ny kode! :-D

<html>
<head>
    <title></title>
</head>

<body>

<table width=85% align=center>
    <caption>En menu med skiftende billeder!
    <tr align=center>
        <td>
            <a href="onmouseover.htm" onMouseover="document.billede.src='120798.gif'" onMouseout="document.billede.src='033199.gif'">Menupunkt 1</a>
        </td>
    </tr>
    <tr align=center>
        <td>
            <a href="onmouseover.htm" onMouseover="document.billede.src='112698.gif'" onMouseout="document.billede.src='033199.gif'">Menupunkt 2</a>
        </td>
    </tr>
</table>

<img name="billede" src="033199.gif">

</body>
</html>
Avatar billede klas Juniormester
01. juni 1999 - 21:25 #14
brugte det script fra script.dk.. men der mangler også evnen til at ændre størrelse på det nye billede !

onMouseover="changeImg('logo4.jpg')" onMouseout="changeImg('logo-sh.jpg'

her ændre den fra standars til nyt billede.. hvor sætter jeg img size?

150 points til den der kan sige det :o)

(jeg har lige hurtigt bakset lidt sammen så det kan ses hvis der mangler noget i koden..)

http://www.cosmic.dk/dare/index.htm
Avatar billede klas Juniormester
01. juni 1999 - 21:28 #15
øv.. på det jeg har lavet loader billederne ikke før man køre henover knapperne... hvordan får man dem til det?
Avatar billede thoeger Nybegynder
01. juni 1999 - 21:29 #16
du kan bare slette det med maps
Avatar billede klas Juniormester
01. juni 1999 - 21:31 #17
sorry Thoeger.. brugte et andet script fra eksperten... lidt mere simpelt.. men de 150 points kan stadig tjenes hvis du svare på de 2 andre spørsmål :o)

(pre load & img size)
Avatar billede thoeger Nybegynder
01. juni 1999 - 21:33 #18
eller add mig på UIN: 80544449
Avatar billede thoeger Nybegynder
02. juni 1999 - 09:59 #19
afviser du ikke lige så jeg kan få mine point..tak!
Avatar billede klas Juniormester
02. juni 1999 - 22:25 #20
thoeger.... op til dig
Avatar billede thoeger Nybegynder
02. juni 1999 - 22:47 #21
tak
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
Returner ikke alt Af ingeman i JavaScript 13 26/06/202414:40 01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript 4 24/06/202422:50 26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript 6 04/06/202416:23 05/06/202414:23
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
59 min siden Simpel diagram Af JayTee i Excel
I dag 17:57 Gantt Chart Wizard Af per2edb i Access
I dag 16:42 Hjælp til bas i pc Af Ferodile i PC
I dag 12:47 Kopiere billeder fra mobil til usb stik Af bpnorskov i Backup- & Antivirus
I dag 11:16 Beregne gennemsnitspris baseret på forholdet af antal m2 og priser Af HHA i Excel
White papers
Flere white papers »


Premium
Teaser billede
Vil indkøbe it-konsulenter for op til 145 millioner kroner: Står klar med kæmpe-kontrakt
Læs mere »
Efter fordobling af omkostninger: Stor it-løsning til udlændinge-kontrol bliver næsten et år forsinket
Columbus fortsætter fremmarchen i Danmark – har udvidet topledelsen til fem personer: "Vi har to meget stærke tog, der trækker os frem"
Politiet vil indkøbe avanceret efterforsknings-software for en kvart milliard kroner
Se alle »
Computerworld
Teaser billede
Russisk domstol: Google skal betale 20 kvintilliarder dollar i bøde - fordobles løbende
Læs mere »
Test: Det er nærmest vanedannede at anvende disse mini-tastaturer
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Test af Apple Watch Series 10: Apples jubilæums-model er blevet lidt af en mester af det hele
Se alle »
CIO
Teaser billede
It-leverandør ramt af flodbølge af erstatningskrav fra kunder efter cyberangreb
Læs mere »
Novo Nordisk satsede på HoloLens, men nu har Microsoft dræbt produktet
Jyske Bank er en af de største ejere af Bankdata – men nu har banken købt et nyt system hos konkurrenten BEC
Trods "indlysende ulempe": CIO Torben Ruberg siger nej til at konsolidere Satairs stribe af ERP-systemer
Se alle »
Job & Karriere
Teaser billede
Pludselig exit fra Schultz kom som en overraskelse for Merete Søby: Derfor stoppede samarbejdet
Læs mere »
Danske Aeven flytter hele hovedkontoret med 600 medarbejdere til ny adresse og tager Sentia med
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Top-profilen Helle Huss ny direktør i Microsoft Danmark - tiltræder om to måneder
Se alle »
White paper
Teaser billede
SAP: Skab værdi og minimér omkostninger med effektiv dokumenthåndtering
Læs mere »
Vær proaktiv og prioritér IT-sikkerheden – før det er for sent
Sådan gør du: Elektronisk dokumentudveksling i praksis
Informationshåndtering på frontlinjen: Sådan optimerer du med automatisering
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »