Søg
Avatar billede md_craig Nybegynder
21. marts 2004 - 13:00 Der er 18 kommentarer og
1 løsning

CSS ændre backgroundImage med JS

Jeg har et lille problem... det undre mig at jeg ikke kan få skiftet mit baggrunds billede med:

onmouseover="this.style.backgrundImage='nysrc';"
onmouseout="this.style.backgrundImage='nysrc';"

Skal bare have det til at virke, eller et alternativ...

Hele problemet ligger egentlig bare i at billederne skal Preloades... da de alligevel lige fylder så meget at det kommer til at se dumt ud hvis de ikke er...
  Så hvis man bare kan få en normal Hover til at virke med det, så er det også en løsning...
Avatar billede roenving Novice
21. marts 2004 - 13:07 #1
Hvordan ser de variabler ud, som du har dine billeder i ?-)

F.eks. sådan

//preloader
var imgs = new Array();
imgs[0] = new Image();
imgs[0].src = "billede1.gif";
imgs[1] = new Image();
imgs[1].src = "billede2.gif";
imgs[2] = new Image();
imgs[2].src = "billede3.gif";

-- og så bliver det:

onmouseover="this.style.backgrundImage='url('+imgs[1].src+')';"
onmouseout="this.style.backgrundImage='url('+imgs[0].src+')';"
Avatar billede md_craig Nybegynder
21. marts 2004 - 13:11 #2
Det er slet ikke nødvendigt med et array af billeder... det er de 2 samme billeder... og det skal foregå på et link....

og ellers er det 100% det samme jeg gør...
Avatar billede md_craig Nybegynder
21. marts 2004 - 13:12 #3
bare med:

menua.src og menuah.src hvor du har imgs[counter].src
Avatar billede md_craig Nybegynder
21. marts 2004 - 13:17 #4
Har:

<script type="text/javascript">
Amenu = new Image();
Amenu.src = "build/menua.gif";
AmenuH = new Image();
AmenuH.src = "build/menuah.gif";
</script>



                        <a id="me" href="default.asp" class="menuA" style="background-image: url(build/menua.gif);"
                        onmouseover="this.style.backgrundImage='url('+AmenuH.src+')';"
                        onmouseout="this.style.backgrundImage='url('+Amenu.src+')';">TEST</a>
Avatar billede roenving Novice
21. marts 2004 - 13:21 #5
Der er en tavetosse: backgroundImage ...

Men hvis du bare har de to, er der vel ikke nogen grund til at gå over åen for at finde vandet ?-)

<a id="me" href="default.asp" class="menuA" style="background-image: url(build/menua.gif);"
onmouseover="this.style.backgroundImage='url(build/menuah.gif)';"
onmouseout="this.style.backgroundImage='url(build/menua.gif)';">TEST</a>
Avatar billede md_craig Nybegynder
21. marts 2004 - 13:36 #6
Nej... Egentlig ikke... Men det har jeg skam også prøvet... ikke meget mere held der....
Avatar billede md_craig Nybegynder
21. marts 2004 - 13:37 #7
Bahhhh
Avatar billede md_craig Nybegynder
21. marts 2004 - 13:38 #8
Staver jo som bæ... hehe... Takker...
Avatar billede roenving Novice
21. marts 2004 - 13:41 #9
Velbekomme '-)
Avatar billede md_craig Nybegynder
21. marts 2004 - 13:41 #10
Preloadningen er dog ikke helt tilfredstillende... :o/
Avatar billede md_craig Nybegynder
21. marts 2004 - 13:41 #11
http://www.it-links.dk/tand/
Avatar billede roenving Novice
21. marts 2004 - 13:45 #12
Det kommer an på hvilken browser, du bruger !-)

Jeg tror det var i IE6, at M$ ændrede sådan, at uanset hvad, så kiggede browseren altid efter, om der tilfældigvis skulle være en nyere udgave på serveren ...

Så i en ældre IE eller f.eks. Mozilla kører det i olie !o]
Avatar billede md_craig Nybegynder
21. marts 2004 - 13:52 #13
Ok... Men det skal så løses på en måde, eller også skal det skrottes...
For da langt de fleste bruger IE6 i dag... er det uacceptabelt at det ser sådan ud

Men synes ellers det virker fint med:

http://www.designsalg.dk/new/

Der er det ikke ligesom billedet blinker... (i følge af at det skal loades)
Avatar billede md_craig Nybegynder
21. marts 2004 - 13:57 #14
Det er dog udskiftning at et billede... ikke et baggrundsbillede...
Så det peger måske i retning af at det er noget med CSS og Preload ???
Avatar billede roenving Novice
21. marts 2004 - 13:57 #15
Hvis du kører hurtigt over f.eks. salg-kolonnen med musen når de slet ikke at ændre sig i IE6 !-)

I Mozilla kører det fuldstændig problemløst ...

Det har måske noget med at farveskiftet er kontrast-agtigt !o]
Avatar billede md_craig Nybegynder
21. marts 2004 - 14:00 #16
Nej... men det gør heller ikke så meget...
Det skal bare ikke forvire øjet, som jeg synes det gør i det her tilfælde...
Og det er ret iriterrende faktisk

og selv om vi snakker 56bytes der skal hentes... er det bare nok...
Og det piner mig faktisk lidt... :o/
Avatar billede md_craig Nybegynder
21. marts 2004 - 14:06 #17
En anden ting er at det i NS ser forkert ud, da teksten står på bunden af den "hover" der er... og i IE ligger den i px over.... Gaab...
Avatar billede roenving Novice
21. marts 2004 - 14:28 #18
Tjah ...

Kan du ikke ved at style dem hele vejen igennem få det samme resultat ?-)

-- altså med border, margin, padding, line-height og hvad har vi !-)
Avatar billede roenving Novice
21. marts 2004 - 14:28 #19
-- og tak for points, da ;~}
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
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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
I går 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
White papers
Flere white papers »