Avatar billede da_bitsch Nybegynder
08. september 2004 - 17:02 Der er 11 kommentarer

skfit billede onmouseover

hej jeg har et spørgsmål til hvordan jeg får et billede til at skfite til et andet når jeg kører billedet over. Har kigget en masse steder igennem men de ser ud til kun at virke så længe jeg bruger deres funktionernes navne mit problem er at jeg skal have mere end 1 billede til at skifte og derfor behøver at ændre funktionens navn: har lavet koden og den kan ses her


<script type="text/javascript">
function da-bitschf()
{
document.getElementById('da-bitsch').src="links/da-bitsch-sort.jpg";
}
function da-bitschb()
{
document.getElementById('da-bitsch').src="da-bitsch.jpg";
}
function nyhederf()
{
document.getElementById('nyheder').src="links/nyheder-sort.jpg";
}
function nyhederb()
{
document.getElementById('nyheder').src="nyheder.jpg";
}
</script>

<A href="#">
                    <IMG border="0" SRC="links/da-bitsch.jpg" id="da-bitsch" class="da-bitsch2" onmouseover="java script:da-bitschf();" onmouseout="java script:da-bitschb();">
                </a>
                <A href="#">
                    <IMG border="0" id="img" SRC="links/nyheder.jpg" NAME="nyheder" align="top" class="l-nyheder" onmouseover="java script:nyhederf();" onmouseout="java script:nyhederb();">
                </a>

synes virkeligt at det mærkeligt at det her ikke virker håber nogle kan hjælpe
Avatar billede da_bitsch Nybegynder
08. september 2004 - 17:04 #1
skal lige siges at <IMG> delen er noget som står længere ned i mit dokument og da jeg brugte nogle andre funktioner end netop da-bitschb og da-bitschf og nyhederb og nyhederf virkede det fint men ligeså snart jeg skriver noget andet end det oprindeligt (moveover og moveback) går det i ged
Avatar billede roenving Novice
08. september 2004 - 17:10 #2
Du må ikke bruge en bindestreg i en javascript identifikator, så prøv med:

<IMG border="0" SRC="links/da-bitsch.jpg" id="da-bitsch" class="da-bitsch2" onmouseover="da_bitschf();" onmouseout="da_bitschb();" style="cursor:pointer;">

<IMG border="0" id="img" SRC="links/nyheder.jpg" NAME="nyheder" align="top" class="l-nyheder" onmouseover="nyhederf();" onmouseout="nyhederb();" style="cursor:pointer;">

-- og:

function da_bitschf()

function da_bitschb()

-- og så fik jeg også lige fjernet de principielt ulovlige java script:-ting, samt på en mere hensigtsmæssig måde sat en pointer på billederne (Det er meget med vilje, at jeg ikke har a-tagsene med, for de er reelt overflødige, og udgør faktisk et problem, da de tvinger siden til at reloade, så man altid står i udgangssituationen uanset hvad !-)
Avatar billede da_bitsch Nybegynder
08. september 2004 - 17:18 #3
hej jeg har nu gjort som du siger og ganske rigtigt løser det mine problemer i internet explorer men ikke i mozilla hvad er grunden dertil ?
Avatar billede roenving Novice
08. september 2004 - 17:31 #4
Personligt ville jeg nok nærmere:

<script type="text/javascript">
var imgs = ['links/da-bitsch-sort.jpg','links/da-bitsch.jpg','links/nyheder-sort.jpg','links/nyheder.jpg'];
function chImg(img,num){
  img.src = imgs[num];
}
</script>

<img src="links/da-bitsch.jpg" id="da-bitsch" class="da-bitsch2" onmouseover="chImg(this,0);" onmouseout="chImg(this,1);" style="cursor:pointer;border:0;">

<img src="links/nyheder.jpg" id="nyheder" align="top" class="l-nyheder" onmouseover="chImg(this,2);" onmouseout="chImg(this,3);" style="cursor:pointer;border:0;">
Avatar billede da_bitsch Nybegynder
08. september 2004 - 17:43 #5
mange tak for det super fedt script der er let at forstå
Avatar billede roenving Novice
08. september 2004 - 18:04 #6
Velbekomme '-)
Avatar billede da-bitsch Nybegynder
09. september 2004 - 22:26 #7
ved godt det er ved at være længe siden at vi skrev sidst men kan simpelthen ikke få scriptet til at virke i mozilla. da jeg har åbnet forum-sort.jpg og gæstebog-sort.jpg i mozilla vil den godt vise dem men resten vil ikke åbnes som om den ikke ved hvilke billeder den skal åbne www.da-bitsch.dk/hjemmeside-grafik/index.html

prøv lige at kigge på det. Det vil være super lækkert hvis du gjorde det
Avatar billede roenving Novice
11. september 2004 - 04:04 #8
Jeg forstår ikke, hvordan den reagerer sådan, for kopierer jeg bare råt koden og linker direkte til dine .jpgs virker det fortrinligt ?-)

-- og det selvom der er indlysende, men netop ikke fatale, fejl i din html-kode ...
Avatar billede da_bitsch Nybegynder
11. september 2004 - 11:07 #9
nej det er mærkeligt hvorfor det ikke virker. Hvis du prøver at trykke på billederne virker det pludselig. En gang fuck up men ved ikke om du selv bruger mozilla ellers skulle du prøve det og se så bliver du nok lige så forvirret :)
Avatar billede roenving Novice
11. september 2004 - 13:38 #10
Den virker fortrinligt i Mozilla, når jeg bare kopierer koden ...
Avatar billede da_bitsch Nybegynder
11. september 2004 - 18:02 #11
men hvad er der så galt med min kode ?

www.da-bitsch.dk/hjemmeside-grafik/index.html

det var præcist det samme som skete før den kode du indsendte mig men kan virkeligt ikek se fejlen er det fordi man ikke kan køre link og billede sammen med javascript aner virkelig elers ikke hvad det skal være
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