Søg
Avatar billede omtus_komikatus Nybegynder
17. april 2004 - 18:39 Der er 23 kommentarer og
1 løsning

OnMouseOver = Hvid bliver gennemsigtig

Hmm... Jeg er igang med at bygge en side hvor menuen består af Java-rollover images.

Jeg har lige lagt 1 PRØVE ud på nettet for at i kan se det
(Det er altså IKKE den færdigbyggede side):

www.Fedmusik.tk

-det er kun et pegedomæne, men det fjerner da nogle af reklamerne. Den rigtige side ligger her:

www.geocities.com/revolt_musik

Så nu har jeg 2 billeder for hvert link, ét hvor baggrunden er hvid og ét hvor den er gennemsigtig. Men som i kan se er den MEGET laaaaaaaaanngsoomm... Derfor tænkte jeg på om det var muligt at lave et script der gjorde den hvide baggrund gennemsigtig når man kører musen over billedet. Ved ikk om det kan lade sig gøre.

Men selv kan jeg overhovedet ikke finde ud af java, så jeg tænkte om der var en der kunne lave et script.. eller i det hele taget fortælle mig om det er muligt.

???
Avatar billede -cyruz- Nybegynder
17. april 2004 - 18:44 #1
prøv det her link: http://www.dynamicdrive.com/dynamicindex15/domroll.htm
Avatar billede roenving Novice
17. april 2004 - 18:44 #2
Java kender jeg heller ikke, men det kunne sikkert lade sig gøre, hvis du fik dine brugere til at downloade og installere en java-applet ...
Avatar billede thesurfer Nybegynder
17. april 2004 - 18:45 #3
Nejnejnej.. billeder skal bare preloades :-)
Du skal bare bruge et preloader script..
Avatar billede roenving Novice
17. april 2004 - 18:47 #4
-- men hvis ikke det er en fejl, at du har oprettet spørgsmålet i en helt anden kategori end Programmering/Java, nemlig Programmering/Script/javascript (som har ca. 4 ting til fælles med Java: j - a - v - a !-), kan jeg fortælle, at man ikke kan ændre på, hvordan et billede ser ud med javascript, men du kan da bruge det samme (gennemsigtige !-) billede, og så ændre baggrunden fra gennesigtig til hvid eller omvendt !-)
Avatar billede thesurfer Nybegynder
17. april 2004 - 18:48 #5
om> Find et preload-script som du kan lide, her:
http://search.freefind.com/find.html?id=6299074&pageid=r&mode=ALL&n=0&query=preload

Et preload script henter billeder, mens siden loades..
Dit problem, lige nu, er at billedet hentes ved onmouseover.. derfor virker det som om det tager lang tid (hvilket det også gøre..)..

Med et preload script, vil billede blive hentet ind samme siden.. man oplever ikke at den er langsom..
Avatar billede roenving Novice
17. april 2004 - 18:50 #6
Altså:

<img src="mitGennemsigtigeBillede.jpg" style="width:200px;height:150px;background-color:white;" onmouseover="this.style.background='transparent';" onmouseout="this.style.backgroundColor='white';">
Avatar billede thesurfer Nybegynder
17. april 2004 - 19:17 #7
roenvings sidste kode (har ikke testet det) ville nok være bedre, end at have flere billeder.. Det tager tid at downloade billeder..
Avatar billede omtus_komikatus Nybegynder
17. april 2004 - 19:25 #8
Det var sådan noget som roenvings jeg mente... men jeg kan ikke få det til at virke.. Altså. "mitGennemsigtigeBillede" skal det være JPG, og skal bg'en på det være hvid eller gennemsigtig?
Avatar billede omtus_komikatus Nybegynder
17. april 2004 - 19:28 #9
JA DA! Rooenving, du er jo fantastisk!.. Kun to gange har jeg oprettet spørgsmål herinde, og en halv time efter er de besvaret af dig!! tusinde tak... Send 1 svar og du får points... Og tak til jer andre for at forsøge! :)

ROENVING!!!!!!!!!! JADAH!
Avatar billede roenving Novice
17. april 2004 - 19:29 #10
Det gennemsigtige billede skal være gennemsigtigt !-)

-- og det betyder ikke det fjerneste om det er jpg, png eller gif !-)
Avatar billede roenving Novice
17. april 2004 - 19:29 #11
Velbekomme '-)
Avatar billede omtus_komikatus Nybegynder
17. april 2004 - 19:31 #12
Jeg trykker på accepter, men den vil ikke gøre det!!
Avatar billede thesurfer Nybegynder
17. april 2004 - 19:31 #13
Du skal markere navnet i boksen først :-)
Avatar billede omtus_komikatus Nybegynder
17. april 2004 - 19:32 #14
send 1 svar igen
Avatar billede thesurfer Nybegynder
17. april 2004 - 19:32 #15
Men JPG filer kan da ikke være gennesigtigt...?
Og Internet Explorer har da problemer med PNG filer..?
Avatar billede omtus_komikatus Nybegynder
17. april 2004 - 19:33 #16
send 1 svar igen
Avatar billede thesurfer Nybegynder
17. april 2004 - 19:35 #17
Rolig nu mester :-)
Han skal nok svare :-)

Jeg har engang ventet i over 1 år, på at en gut lagde et svar :-)
Avatar billede roenving Novice
17. april 2004 - 19:35 #18
Ja, men det var også bare princippet jeg ville understrege ...

Fordi vi tager fat i baggrunden på billedet har det ingen betydning for den ende af det, hvilket fil-format billedet er i !-)

-- og vi prøver igen, så husk at checke thesurfers indspark ,-)
Avatar billede omtus_komikatus Nybegynder
17. april 2004 - 19:37 #19
1 år?! hehe... ok.. men nu er pointene væk
Avatar billede roenving Novice
17. april 2004 - 19:37 #20
-- og jeg siger tak for points ;~}
Avatar billede omtus_komikatus Nybegynder
17. april 2004 - 19:38 #21
<<Men JPG filer kan da ikke være gennesigtigt...?
Og Internet Explorer har da problemer med PNG filer..?>>

-jeg bruger jo også gif! hehe... Tak alle..
Avatar billede knudx Nybegynder
17. april 2004 - 20:43 #22
Du ku også bare lave det i css og så smide al javascripten ud til højre.
fx
#minknap {
format:block;
width:200px;height:150px;
background:white url(mitGennemsigtigeBillede.gif) top left no-repeat;
}
#minknap:hover {background-color:transparent;}

det er egentlig meget nemmere.
Avatar billede knudx Nybegynder
17. april 2004 - 20:44 #23
øøh det hedder »display:block« ikke »format:block«
Avatar billede roenving Novice
17. april 2004 - 21:12 #24
>>knudx

-- ja, hvis man vil skide på de 5 af 6 internetbrugere, som har en browser, hvor den del af css2 ikke er implementeret ,-(
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 dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19: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
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging
White papers
Flere white papers »