Avatar billede challenge Praktikant
15. oktober 2007 - 19:46 Der er 14 kommentarer og
1 løsning

Billedeskift IE 6.0

Hej alle,

Af en eller anden grund virker nedenstående ikke i IE 6 - kan i gennemskue hvorfor?

<script type="text/JavaScript">     
function changeImage(refElm, strImageId, strImgPath)
{
    var img = document.getElementById(strImageId);
 
    img.src = strImgPath;
 
    img.onclick = function() { window.location = refElm.href; };
}
</script>

Kaldes med eksempelvis
onclick="changeImage(this, 'productimage', 'images/products/1.jpg');"

Mvh,
Avatar billede w13 Novice
15. oktober 2007 - 19:56 #1
Får du en fejlmeddelelse?
Avatar billede challenge Praktikant
15. oktober 2007 - 19:57 #2
Nej - der sker blot ingenting.
Avatar billede w13 Novice
15. oktober 2007 - 19:59 #3
Intet advarselsikon? Hmm. Hvad bruger du koden til, helt præcist?
Avatar billede challenge Praktikant
15. oktober 2007 - 20:03 #4
Jeg har en række produktbilleder der skal vises - der skiftes mellem disse ved at trykke på billeder formet som tal - dvs. trykkes på tallet 1 vises billede 1, tallet 2 billede 2 etc.

Dog en lille "update";

Når jeg trykker på ét af tallene fjernes kun det gamle billede, og et hvidt felt vises i stedet - jeg kan dog højreklikke og trykke "vis billede" - dermed bliver billedet vist; er det fordi billederne skal preloades?
Avatar billede w13 Novice
15. oktober 2007 - 20:03 #5
Så vidt jeg kan se, burde det fungere fint.

På en lidt anden måde:
-----------------------------
<script type="text/JavaScript">     
function changeImage(refElm,strImageId,strImgPath){
    var img=document.getElementById(strImageId);
    img.setAttribute("src",strImgPath);
    img.onclick=function(){window.location.href=refElm.href}
}
</script>
Avatar billede w13 Novice
15. oktober 2007 - 20:05 #6
Hvad hvis du højreklikker og ser stien på det blanke billede. Hvad står der?
Avatar billede challenge Praktikant
15. oktober 2007 - 20:07 #7
Der står den rigtige sti til billedet.
Avatar billede challenge Praktikant
15. oktober 2007 - 20:45 #8
Jeg har lige prøvet med preloading - gør ingen forskel...
Avatar billede w13 Novice
15. oktober 2007 - 21:10 #9
Og med min kode?
Avatar billede olebole Juniormester
15. oktober 2007 - 21:34 #10
<ole>

Skal vi afkorte quizzen med en livline i form af et link?  :)

/mvh
</bole>
Avatar billede w13 Novice
15. oktober 2007 - 21:37 #11
"Jeg vælger B: IE er slamkode!"
Avatar billede jgivoni Nybegynder
19. oktober 2007 - 14:27 #12
En lille detalje:

Hvis du siger funktionen skal aktiveres med dette:

onclick="changeImage(this, 'productimage', 'images/products/1.jpg');"

går jeg ud fra at denne event er tilknyttet et hyperlink (<a href=...), da der senere refereres til elementets href (refElm.href) inde i funtionen.

Derfor skal der, så vidt jeg kan se returneres false fra onclick eventen for at undgå at hyperlinket aktiveres automatisk. Så vidt jeg forstår skal hyperlinkets href overføres til det nye billede der vises, hvorefter først et klik på dette billede skal sende brugeren videre.

Jeg ved ikke om det løser problemet, men jeg anbefaler dette istedet for ovenstående:

onclick="changeImage(this, 'productimage', 'images/products/1.jpg'); return false;"
Avatar billede challenge Praktikant
19. oktober 2007 - 20:35 #13
Jeg alle,

Undskyld mit fraværd de seneste dage - jeg har ikke haft tid til at se på det.

Jeg kan dog sige at jgivoni's forslag virkede efter hensigten, og var løsningen på problemet.

Jeg vil meget gerne sige tak til alle - og selvfølgelig præmiere jgivoni med 60 point for hans skarpe opfattelses-sans :D

Mvh,
Avatar billede jgivoni Nybegynder
19. oktober 2007 - 20:44 #14
>> ... skarpe opfattelses-sans :D
:-/ Jeg bliver næsten bange for at du gør grin med mig... Men det kunne sådan et refærdigt individ som dig selvfølgelig ikke finde på :D
Avatar billede challenge Praktikant
19. oktober 2007 - 21:40 #15
Selvfølgelig ikke - det ville da være utaknemmeligt.

Tak for hjælpen alle!
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