09. juli 2003 - 01:02
Der er
57 kommentarer og2 løsninger
Langsom mouse-over?
Hejsa!
Jeg har en menu med noget mouse-over... Se her:
http://www.xtranet.frac.dk/Test/menu.php Når man fører musen over, så går det langsomt for den at skifte billede... Nogle der kan hjælpe? Skal jeg til at sætte et preload script ind eller hva?
HYGGE
Annonceindlæg fra Admin By Request
Hvorfor ikke bare skrive teksten i HTML, og lave dit mouseover i css, uden at skifte billedet.
Prøv med en preloader, så alle billeder i forvejen ligger i browserens cache:
<html>
<head>
<title>Preloader</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
var imgs = new Array();
imgs[0] = new Image();
imgs[0].src = "../Billede.jpg";
imgs[1] = new Image(10,10);
imgs[1].src="../eksperten_logo_new.gif";
</script>
</head>
<body>
<BUTTON onclick="document.images[0].src=imgs[0].src;">Billede1</BUTTON>
<img src="" height="100%" width="100%">
</body>
</html>
-- så skulle det gerne se ud næsten som om det sker øjeblikkeligt !-)
-- og hvis dit publikum bestemt ikke er brugere af ældre browsere, kunne du overveje, at køre koden direkte på img'et:
<a href="
http://HereGoesURL" onMouseover="changeImg('Buttons/f1.gif', 'pic1')" onMouseout="changeImg('Buttons/f.gif', 'pic1')"><img src="Buttons/f.gif" name="pic1" border=0></a>
-kan blive til:
<img src="Buttons/f.gif" onmouseover="this.src='Buttons/f1.gif';" onmouseout="this.src='Buttons/f.gif'" onclick="window.location='
http://HereGoesURL';" name="pic1" border=0>
Jeg har prøvet det sidste.. Kig selv på siden... Umiddelbart hjalp det ik...
Du skal have preloaderen med -- for det er små marginaler vi flytter, ved ikke at skulle finde elementet i dokumentets hierarki !-)
Hvis den fungerer perfekt, burde du kunne flytte den sidelæns henover hele din bar og få _alle_ billeder til kortvarigt at være den udgave med den fede skrift ,-)
Skal jeg ha preloaderen med? Hvad mener du? Den er med... Satte jo bare dit det sidste script ind...?
Prøv den sådan:
<HTML>
<HEAD>
<script language="javascript" type="text/javascript">
var imgs = new Array();
imgs[0] = new Image();
imgs[0].src = "Buttons/f1.gif";
imgs[1] = new Image();
imgs[1].src="Buttons/f.gif";
imgs[2] = new Image();
imgs[2].src = "Buttons/p1.gif";
imgs[3] = new Image();
imgs[3].src="Buttons/p.gif";
imgs[4] = new Image();
imgs[4].src = "Buttons/t1.gif";
imgs[5] = new Image();
imgs[5].src="Buttons/t.gif";
imgs[6] = new Image();
imgs[6].src = "Buttons/d1.gif";
imgs[7] = new Image();
imgs[7].src="Buttons/d.gif";
imgs[8] = new Image();
imgs[8].src = "Buttons/l1.gif";
imgs[9] = new Image();
imgs[9].src="Buttons/l.gif";
imgs[10] = new Image();
imgs[10].src = "Buttons/m1.gif";
imgs[11] = new Image();
imgs[11].src="Buttons/m.gif";
imgs[12] = new Image();
imgs[12].src = "Buttons/lo1.gif";
imgs[13] = new Image();
imgs[13].src="Buttons/lo.gif";
</SCRIPT>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<div align="center">
<p><img src="Buttons/f.gif" onmouseover="this.src=imgs[0].src;" onmouseout="this.src=imgs[1].src" onclick="window.location='
http://HereGoesURL';" name="pic1" border=0>
<img src="Buttons/p.gif" onmouseover="this.src=imgs[2].src;" onmouseout="this.src=imgs[3].src" onclick="window.location='
http://HereGoesURL';" name="pic2" border=0>
<img src="Buttons/t.gif" onmouseover="this.src=imgs[4].src;" onmouseout="this.src=imgs[5].src" onclick="window.location='
http://HereGoesURL';" name="pic3" border=0>
<img src="Buttons/d.gif" onmouseover="this.src=imgs[6].src;" onmouseout="this.src=imgs[7].src" onclick="window.location='
http://HereGoesURL';" name="pic4" border=0>
<img src="Buttons/l.gif" onmouseover="this.src=imgs[8].src;" onmouseout="this.src=imgs[9].src" onclick="window.location='
http://HereGoesURL';" name="pic5" border=0>
<img src="Buttons/m.gif" onmouseover="this.src=imgs[10].src;" onmouseout="this.src=imgs[11].src" onclick="window.location='
http://HereGoesURL';" name="pic6" border=0>
<img src="Buttons/lo.gif" onmouseover="this.src=imgs[12].src;" onmouseout="this.src=imgs[13].src" onclick="window.location='
http://HereGoesURL';" name="pic7" border=0>
</p>
<p> </p>
<p>________________________________________________________________</p>
</div>
</body>
</HTML>
Nu er den prøvet:
http://www.xtranet.frac.dk/Test/test Men det virker ikke helt ultimativt... Synstes stadig at det går lidt langsomt... Og så er der også nogle gange den ik kan finde billedet? Altså vores gode ven, røde kryds kommer...
HYGGE
09. juli 2003 - 01:50 #10
Jeg kan også se, at det ikke skifter så hurtigt, som jeg forventer, men den gør det bedre -- men som du skriver, ikke så ultimativt, som jeg faktisk havde forventet ...
09. juli 2003 - 01:52 #11
Oki.... Det er squ underligt at det ik kører bedre? Hvad plejer "man" at gøre?
09. juli 2003 - 01:57 #12
Selvom du tilsyneladende ønsker en løsning hvor der er mouseover på hele billedet, kan du jo lige tage et kig på en HTML/CSS-løsning, hvor billedet ikke skifter - kun teksten.
http://odds.users.whitehat.dk/eksperten/test.htm
09. juli 2003 - 01:57 #13
Jepper... Det har jeg også tænkt på... Men det kunne jo godt tænkes at man fik brug for det andet en gang i fremtiden...:D
09. juli 2003 - 01:58 #14
Det !-) eller noget som ligner ...
09. juli 2003 - 01:59 #15
Rigtigt htmlaga -- det vil altid være hurtigere med en :hover og få kun teksten til at blive fed ...
09. juli 2003 - 01:59 #16
roenving->
09. juli 2003 - 01:59 #17
roenving >> kender ikke lige til dit sidste trick, hvad går det ud på?
09. juli 2003 - 02:01 #18
Se htmlagas eksempel !-)
09. juli 2003 - 02:02 #19
Jeg fik forøvrigt slet ikke nogle røde krydser hos mig ...
09. juli 2003 - 02:02 #20
Jaja, det har jeg set :D
09. juli 2003 - 02:04 #21
Det vil forøvrigt også betyde, at du kun skal bruge eet billede ...
09. juli 2003 - 02:05 #22
Det er ikke for at tale min sag, men jeg har nu også efter en del (MANGE) forsøg på et rydt kryds.
09. juli 2003 - 02:06 #23
Hmm... Ved ik helt hvad jeg skal vælge...
09. juli 2003 - 02:07 #24
Må jeg have lov at spørge hvor meget de billeder fylder? Da jeg downloadet et til mit eksempel, kunne jeg kun gemme det som bitmap!
09. juli 2003 - 02:09 #25
2,55 kb... Så.... Det er fordi din Internet Explore har problemer... Kender det godt...
09. juli 2003 - 02:09 #26
Næh... Oki.. Min egen gør det også :S Men det har der vidst også været nogle problemer med ved min host :S
09. juli 2003 - 02:11 #27
Ok, men alligevel kan jeg oplyse dig, at det billede som jeg brugte til eksempel fylder 752 byte - så det er vist muligt at spare lidt tid der!
09. juli 2003 - 02:12 #28
Tja... Men dit var også et jpg, ik? Mit er et gif, kan jeg se...
09. juli 2003 - 02:14 #29
Mit er også gif, men jeg nedsatte antalet af farver til 32 (tror der var 19), så hvis du komprimerer lidt, kan det i hvert fald blive bedre.
09. juli 2003 - 02:17 #30
Ja... Jeg syntes også jeg har set det fungere... Fatter det ik helt... Kan det være min host der er skyld i det?
09. juli 2003 - 02:19 #31
Muligvis for det tar godt nok også sin tid, at hente billederne første gang!
09. juli 2003 - 02:21 #32
Oki... vil du ha filerne?
09. juli 2003 - 02:22 #33
Henter dem selv :-). Internettet er en finurlig ting i et sundt retssamfund!!!
09. juli 2003 - 02:23 #34
Heheh... Oki...
09. juli 2003 - 02:26 #35
Jeg prøvede lige at stress-teste, men det lykkedes mig slet ikke at få de røde krydser -- og så meget kan min forbindelse vel ikke betyde ...
09. juli 2003 - 02:28 #37
Hmm... Det forstår jeg ikke helt... Jeg sidder selv på en 1,2 mbit linie så... Men jaja... Min explore er også underlig :D
09. juli 2003 - 02:28 #38
ÅRH HVAD!!!!
09. juli 2003 - 02:29 #39
Kan du ik prøve at sætte et ind som ik er komprimeret?
09. juli 2003 - 02:30 #40
jo.
09. juli 2003 - 02:30 #41
Prøvede også lige ågårds -- det lykkedes mig nogle gange at have så meget fart på, at den ikke nåede at skifte -- en lidt anden oplevelse end fra frac ,-)
09. juli 2003 - 02:34 #42
-- og så skal man vel regne med at en normal bruger har standard-indstillinger og ikke som os nørder, som helt automatisk har været inde og fortælle browseren at den under alle omstændigheder _altid_ skal checke om der er opdateringer til filerne ...
09. juli 2003 - 02:35 #43
Som ligger det der også ukomprimeret det til højre - eller var det til venstre - :-). bestemt ikke den store forskel
09. juli 2003 - 02:35 #44
-- jeg kunne ikke få den til at vise en forskel jeg kunne se ...
09. juli 2003 - 02:37 #45
Hehe... Næh... Der er faktisk ingen forskel... Skal da vidst lige ha en snak med frac...:D Ehm... htmlaga, vil du lade din fil ligge på whitehat? Bare lidt tid... Så kan frac lige se denne tråd...
09. juli 2003 - 02:38 #46
Vil måske ikke kalde mig selv nørd (men tæt på). Det til trods bliver jeg hver dag, banket længere og længere væk, fra den selvopfattelse. Det jeg prøver at sige er, at jeg ikke har ændret den lille ting du snakker om :-(.....
09. juli 2003 - 02:39 #47
Den lille forskel ?-)
09. juli 2003 - 02:40 #48
Ja, det skal jeg nok. Det er jo i øvrigt et gratis og reklamefrit webhotel (som du jo kan overveje) - men som jeg dog alligevel ikke benytter til andet en test-ting. selvfølgelig pga. den grimme url.
09. juli 2003 - 02:41 #49
jaja, så kald det en stor ting roenving....
09. juli 2003 - 02:41 #50
Har selv været der egang, men skiftede til frac.dk... bl.a. 50 mb fri plads... Så... Og den er pææænt stabil..
09. juli 2003 - 02:41 #51
*rotflmao*
09. juli 2003 - 02:47 #52
Endnu en gang, må jeg gå til bekendelse: HVAD BETYDER *rotflmao*??????
09. juli 2003 - 02:54 #53
Nå, jeg vil smutte... Kommer igen når der er svar.... takker for hjælpen! I ska nok få nogle point på et eller andet tidspunkt ;)
09. juli 2003 - 02:54 #54
Svar
09. juli 2003 - 02:57 #55
Rolling On The Floor Laughing My Ass Out ...
09. juli 2003 - 02:59 #56
Tænkte nok det var noget i den dur!
24. august 2003 - 20:47 #57
Hmm, det er vidst på tide at give nogle point! Heheh... MANGE TAK FOR HJÆLPEN!!!
31. oktober 2003 - 00:40 #58
-- tak for points ;~}
31. oktober 2003 - 08:13 #59
Så lidt
Vi tilbyder markedets bedste kurser inden for webudvikling
Ny bruger
Nybegynder
Opret
Preview
