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
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
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript 4 21/05/202417:19 22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript 2 05/05/202415:37 05/05/202416:25
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
IT-JOB

Computerworld

Event- og kommunikationsmedarbejder til Danmarks største it-mediehus

Udviklings- og Forenklingsstyrelsen

Scrum Master

AURA A/S

Senior systemudvikler til udviklingsteam

De Nationale Geologiske Undersøgelser for Danmark og Grønland (GEUS)

IT-systemadministrator søges til GEUS

Unik System Design A/S

Driftskonsulent for Hostingcenter
Seneste spørgsmål Seneste aktivitet
I går 00:30 Fejl i Ark Af Morten_Jepsen i Excel
06/0716:56 Kan min mobil hackes Af SBS i Mobiltelefoner
06/0712:56 Forskellige billeder til forskellige skærme ? Af snedker1 i Mac
06/0711:56 Om brug af funktionen sumprodukt Af Erik R i Excel
05/0722:41 Hjælp til at skrive opgave Af Needhelp i Småopgaver
White papers
Flere white papers »


Premium
Teaser billede
Region Sjælland gør klar til at flytte sit Oracle-miljø i clouden: Søger leverandør til opgaven til 150 millioner kroner
Læs mere »
Har købt sin platform fri fra hovedkunde efter færdig-udvikling - nu venter stor-ekspansion til udlandet
Dynamics-kæmpen Cepheo leverer røde tal i første regnskab som selvstændigt selskab
IBM-direktør efter blodrødt regnskab: “Vi er godt på vej ud af det stormvejr, som ramte os i 2023”
Se alle »
Computerworld
Teaser billede
Test: Endelig en skærm der er god til alt - lige fra gaming og underholdning til kontorbrug
Læs mere »
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
700.000 Linux-systemer kan været truet af ny alvorlig sårbarhed
Nørgaard: Derfor bruger fattigrøvene AI meget mere end de rige svin
Se alle »
CIO
Teaser billede
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
Læs mere »
Russisk hack af Microsoft er meget større end først antaget
Halter mange år bagefter: Langsom software-udvikling udfordrer kæmpe digitalt løft af Billund Lufthavn
Efter forbud fra Datatilsynet: Nu ændres data-håndteringen i din kørekort-app
Se alle »
Job & Karriere
Teaser billede
Bo solgte sit software-system for et treciftret millionbeløb: Brugte pengene på at købe 80 medarbejdere til ny storsatsning
Læs mere »
Norlys skal splittes op i fem selskaber: Nu bliver flere ansatte og ledere fyret
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Optimering af Source-to-Pay: Identificér oplagte gevinster og skær omkostninger
Læs mere »
Det behøver ikke at gøre ondt: Sådan gør du livet lettere for kunder med multicloud
Samlet platform sikrer sammenhæng, kontrol og sikkerhed i hybrid cloud
Sæt turbo på din cloudperformance og minimér risikoen for DDoS-angreb
Se alle »

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