CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede 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
Avatar billede 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>
Avatar billede 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)
Avatar billede 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)
Avatar billede 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  :)
Avatar billede 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)
Avatar billede exclusive Nybegynder
16. maj 2006 - 16:12 #6
men hey... smid lige svar i /spm/709214 bruger jo din pngfix ;-)
Avatar billede 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  :)
Avatar billede 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);
}
Avatar billede 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?
Avatar billede 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 :-)
Avatar billede olebole Juniormester
16. maj 2006 - 17:43 #11
Du kan starte med at skrive dette i head-elementet:

<!--[if gte IE 5.5]>
<style type="text/css">
.myTransPics {
    visibility: hidden;
}
</style>
<![endif]-->

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  :)
Avatar billede olebole Juniormester
16. maj 2006 - 17:45 #12
Njaaahhh ... du skal også lige skrive:

    myImage.parentNode.replaceChild(oDiv, myImage);
    css.visibility = "visible";
}
Avatar billede olebole Juniormester
16. maj 2006 - 17:45 #13
- altså i sidste linje af funktionen  :)
Avatar billede exclusive Nybegynder
16. maj 2006 - 18:14 #14
Skal det ikke stå alla dette i head?:

<script type="text/javascript" <!--[if gte IE 5.5]>
<style type="text/css">
.myTransPics {
    visibility: hidden;
}
</style>
<![endif]--></script>
Avatar billede 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>

<!--[if gte IE 5.5]>
<style type="text/css">
.myTransPics {
    visibility: hidden;
}
</style>
<![endif]-->

<script type="text/JavaScript">
... ... ... ... ...
</script>
</head>
Avatar billede exclusive Nybegynder
16. maj 2006 - 18:20 #16
bla bla bla... haha
-har fået det til at virke! :-P
Avatar billede 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"
Avatar billede exclusive Nybegynder
16. maj 2006 - 18:26 #18
Vupti...
ref: /spm/709704
Avatar billede exclusive Nybegynder
04. november 2006 - 17:51 #19
luk
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 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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 06:10 Excel åbner fil i kæmpe format Af Aske i Excel
I går 22:00 Datafordeler Af Lsk i PHP
I går 12:37 Summere beløb pr. dato Af TTA i Excel
31/1022:44 Tilslutte chassic fans Af viking69 i PC
31/1020:28 LED lysstofrør Af ErikHg i Fri debat
White papers
Flere white papers »


Premium
Teaser billede
Staten vil selv udvikle kæmpe it-system til 650 millioner kroner: Nu tvinges regeringen til at lægge vigtige dokumenter frem
Læs mere »
Det går fantastisk på det danske Dynamics-marked: NNIT-selskabet Scales kan vælge og vrage mellem opgaver
Skelsættende GDPR-sag ændrer definitionen af 'følsomme oplysninger'
Microsoft: Tvungen skift til Windows 11 kan udskydes med et år, hvis du betaler os 200 kroner
Se alle »
Computerworld
Teaser billede
Russisk domstol: Google skal betale 20 kvintilliarder dollar i bøde - fordobles løbende
Læs mere »
Microsoft: Windows-opdateringer bliver nu 45 procent hurtigere
Test: Det er nærmest vanedannede at anvende disse mini-tastaturer
Så er den her: Apple Intelligence bliver tilgængelig på iPhone, iPad og Mac
Se alle »
CIO
Teaser billede
Novo Nordisk satsede på HoloLens, men nu har Microsoft dræbt produktet
Læs mere »
Microsoft: Sådan arbejder Google målrettet på at skade os i det skjulte
Efter markante prisstigninger: VMware-kunder får dummebøder hvis de ikke skifter hurtigt nok til ny licens-ordning
Trods "indlysende ulempe": CIO Torben Ruberg siger nej til at konsolidere Satairs stribe af ERP-systemer
Se alle »
Job & Karriere
Teaser billede
Pludselig exit fra Schultz kom som en overraskelse for Merete Søby: Derfor stoppede samarbejdet
Læs mere »
Merete Søby fratræder med omgående virkning som CEO for Schultz efter blot tre måneder på posten
Danske Aeven flytter hele hovedkontoret med 600 medarbejdere til ny adresse og tager Sentia med
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Se alle »
White paper
Teaser billede
Rapport kortlægger de 13 bedste muligheder for at sætte turbo på din cloud computing
Læs mere »
Er din cybersikkerhed klar til AI-revolutionen?
Cyberstatus 2024: Her er truslerne – og her forbereder virksomhederne sig
MDR: Transparent sikkerhed og overvågning i realtid
Se alle »

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