CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

exclusive Nybegynder

15. maj 2006 - 21:04 Der er 18 kommentarer og
1 løsning

link og handCursor på png billede med transperante punkter

Jeg har et .png billede(fixet til IE 5.5+) med swapOver() - swapOut() liggende, i en <th scope="col"> med et <a href="http://"> liggende henover
Men mit problem er at det kun swapper over ved berøring visse steder på png'en(på steder som ikke er transperante) og billedet laver heller ikke handCursor :-S

Synes godt om

olebole Juniormester

15. maj 2006 - 23:40 #1

<ole>

Hmmm ... Ekspertens mailsystem fungerer ofte elendigt - og det er desværre tilfældet i øjeblikket, så jeg har ikke fået mail i den anden tråd :o|

Prøv lige at uploade et eksempel, jeg kan kikke på :)

/mvh
</bole>

Synes godt om

exclusive Nybegynder

16. maj 2006 - 12:42 #2

eeeej øv manner :-(
Troede ikke du gad at svare mer, piv..

men jeg har lavet det om så png'en ikke skifter mere, for sad hele dagen igår og legede med det, og kunne ikke få det til at virke...

og har temmelig travlt, der beggynder at komme en en del kunder i biksen nemlig..

men du skal ihvertfald have dine points! :o)

Synes godt om

olebole Juniormester

16. maj 2006 - 15:39 #3

Hehe ... nej, det jeg vil ikke tage dine points i dette spm. Læg selv et svar og accepter det ;o)

Synes godt om

olebole Juniormester

16. maj 2006 - 15:40 #4

PS: jeg kan nu ikke rigtig forstå problemet, for da jeg sad og rodede med scriptet den anden aften, testede jeg selv med et billede, hvor en del af det var helt transparent ... ingen problemer dér :)

Synes godt om

exclusive Nybegynder

16. maj 2006 - 16:08 #5

Hmm mystisk..
prøvede en masse forskellige ting..
prøvede også at ligge up.png som baggrund og et blank.gif billede med swap til up_over.png men det gik helt i kage..hehe så ville fixPNG ikke virke osv.. så holder designet clean og dropper min swap :-D

men lige når man går ind på siden blinker baggrunden i png'en lige hurtigt, er det fordi den først skal hente fixPNG fra pngfix.js via <head>?

det ligger desuden hér nu: http://www.Rittencom.dk
(tag dig ikke af de mystiske ting der sker i bunden af siden - rodder lige med nogen forskellige detections..hehe :-P)

Synes godt om

exclusive Nybegynder

16. maj 2006 - 16:12 #6

men hey... smid lige svar i /spm/709214 bruger jo din pngfix ;-)

Synes godt om

olebole Juniormester

16. maj 2006 - 16:35 #7

Ja, det er nok, fordi det lige skal 'fixes'. Du kunne jo give det 'visibility:hidden' - og så ændre den til 'visible', i slutningen af fix'et :)

Synes godt om

exclusive Nybegynder

16. maj 2006 - 16:52 #8

oki det forstod jeg ikke helt...hehe
er det til at fixe det med at baggrunden på png'en flash lige når siden loader?
og vis ja, hvordan skal jeg sætte jeg den kode ind (pngfix.js):

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

function fixPNG(myImage) {
if (version<5.5 || version>=7 || !document.getElementsByTagName("body")[0].filters) return;
var imgClass, imgTitle, imgAlt, oDiv, css, imgID = myImage.getAttribute("id");
imgClass = myImage.getAttribute("className");
imgAlt = myImage.getAttribute("alt");
imgTitle = myImage.getAttribute("title");
oDiv = document.createElement("div");
if (typeof imgID=="string") oDiv.setAttribute("id", imgID);
if (typeof imgClass=="string") oDiv.setAttribute("className", imgClass);
if (typeof imgAlt=="string") oDiv.setAttribute("alt", imgAlt);
if (typeof imgTitle=="string") oDiv.setAttribute("title", imgTitle);
css = oDiv.style;
css.cssText = myImage.style.cssText;
css.width = myImage.offsetWidth + "px";
css.height = myImage.offsetHeight + "px";
css.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'" + myImage.getAttribute("src") + "\', sizingMethod='scale')";
oDiv.onmouseover = myImage.onmouseover;
oDiv.onmouseout = myImage.onmouseout;
myImage.parentNode.replaceChild(oDiv, myImage);
}

Synes godt om

exclusive Nybegynder

16. maj 2006 - 16:59 #9

oki tror jeg er lidt fra den nu haha...
Det var css som skal ligges på png'en, ik?

Synes godt om

exclusive Nybegynder

16. maj 2006 - 17:23 #10

olebole---!> hvis du skriver koden ind så png'en ikke flasher ved load af siden, og evt. kan hjælpe med noget flash detect får du også points hér :-D
-er 100% newbie til JavaScript nemlig, selvom det ellers er en rigtig fed logik iforhold til så mange andre prog. sprog :-)

Synes godt om

olebole Juniormester

16. maj 2006 - 17:43 #11

Du kan starte med at skrive dette i head-elementet:



Den gør, at kun i IE-browsere i eller over version 5.5, vil elementer med klassen 'myTransPics' blive gemt ... og så giver du naturligvis billedet denne klasse. Så burde det faktisk køre :)

Synes godt om

olebole Juniormester

16. maj 2006 - 17:45 #12

Njaaahhh ... du skal også lige skrive:

myImage.parentNode.replaceChild(oDiv, myImage);
css.visibility = "visible";
}

Synes godt om

olebole Juniormester

16. maj 2006 - 17:45 #13

- altså i sidste linje af funktionen :)

Synes godt om

exclusive Nybegynder

16. maj 2006 - 18:14 #14

Skal det ikke stå alla dette i head?:

<script type="text/javascript" </script>

Synes godt om

olebole Juniormester

16. maj 2006 - 18:19 #15

Nej, det er HTML-tags, så de skal ikke i script-tags:

<head>
<style type="text/css">
... ... ... ... ...
</style>



<script type="text/JavaScript">
... ... ... ... ...
</script>
</head>

Synes godt om

exclusive Nybegynder

16. maj 2006 - 18:20 #16

bla bla bla... haha
-har fået det til at virke! :-P

Synes godt om

exclusive Nybegynder

16. maj 2006 - 18:23 #17

du kender ikke til noget .js detect af flash, så jeg kan få skrevet:
hvis flash 8.0 er installeret skal den skrive "Flash 8.0 - fundet"
og hvis flash 8.0 ikke er installeret "Du skal installere flash 8.0"

Synes godt om

exclusive Nybegynder

16. maj 2006 - 18:26 #18

Vupti...
ref: /spm/709704

Synes godt om

exclusive Nybegynder

04. november 2006 - 17:51 #19

luk

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS