Søg
Avatar billede bb_maze Nybegynder
09. juli 2003 - 01:02 Der er 57 kommentarer og
2 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
Avatar billede htmlaga Nybegynder
09. juli 2003 - 01:05 #1
Hvorfor ikke bare skrive teksten i HTML, og lave dit mouseover i css, uden at skifte billedet.
Avatar billede roenving Novice
09. juli 2003 - 01:06 #2
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 !-)
Avatar billede roenving Novice
09. juli 2003 - 01:11 #3
-- 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>
Avatar billede bb_maze Nybegynder
09. juli 2003 - 01:19 #4
Jeg har prøvet det sidste.. Kig selv på siden... Umiddelbart hjalp det ik...

HYGGE
Avatar billede roenving Novice
09. juli 2003 - 01:22 #5
Du skal have preloaderen med -- for det er små marginaler vi flytter, ved ikke at skulle finde elementet i dokumentets hierarki !-)

-- bortset fra det, var den adskilligt hurtigere -- så meget at jeg blev overrasket !o]
Avatar billede roenving Novice
09. juli 2003 - 01:25 #6
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 ,-)
Avatar billede bb_maze Nybegynder
09. juli 2003 - 01:26 #7
Skal jeg ha preloaderen med? Hvad mener du? Den er med... Satte jo bare dit det sidste script ind...?

HYGGE
Avatar billede roenving Novice
09. juli 2003 - 01:37 #8
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>&nbsp;</p>
  <p>________________________________________________________________</p>
</div>
</body>
</HTML>
Avatar billede bb_maze Nybegynder
09. juli 2003 - 01:40 #9
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
Avatar billede roenving Novice
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 ...

-- jeg gad ikke lige downloade alle dine billeder -- syns måske heller ik' det var iorden da jeg testede -- kunne bare se glimtet da de røde krydser skiftede !-)
Avatar billede bb_maze Nybegynder
09. juli 2003 - 01:52 #11
Oki.... Det er squ underligt at det ik kører bedre? Hvad plejer "man" at gøre?

HYGGE
Avatar billede htmlaga Nybegynder
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
Avatar billede bb_maze Nybegynder
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

HYGGE
Avatar billede roenving Novice
09. juli 2003 - 01:58 #14
Det !-) eller noget som ligner ...
Den med at sætte src = src er blevet anbefalet som det aller-hurtigste ...
Avatar billede roenving Novice
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 ...
Avatar billede bb_maze Nybegynder
09. juli 2003 - 01:59 #16
roenving->
Hmm... Men det holder da ikke at der kommer så mange røde kryds? Ved mig var det nok cirka hver 2. eller 3. billede som ikke kunne vises, men hvis man så prøvede igen så hjalp det måske

HYGGE
Avatar billede htmlaga Nybegynder
09. juli 2003 - 01:59 #17
roenving >> kender ikke lige til dit sidste trick, hvad går det ud på?
Avatar billede roenving Novice
09. juli 2003 - 02:01 #18
Se htmlagas eksempel !-)
Avatar billede roenving Novice
09. juli 2003 - 02:02 #19
Jeg fik forøvrigt slet ikke nogle røde krydser hos mig ...
Avatar billede bb_maze Nybegynder
09. juli 2003 - 02:02 #20
Jaja, det har jeg set :D

Hmm... Underligt...

HYGGE
Avatar billede roenving Novice
09. juli 2003 - 02:04 #21
Det vil forøvrigt også betyde, at du kun skal bruge eet billede ...
Avatar billede htmlaga Nybegynder
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.
Avatar billede bb_maze Nybegynder
09. juli 2003 - 02:06 #23
Hmm... Ved ik helt hvad jeg skal vælge...

Hvis i kører HURTIGT hen over dem, så kommer krydsene...:D

HYGGE
Avatar billede htmlaga Nybegynder
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!
Avatar billede bb_maze Nybegynder
09. juli 2003 - 02:09 #25
2,55 kb... Så.... Det er fordi din Internet Explore har problemer... Kender det godt...

HYGGE
Avatar billede bb_maze Nybegynder
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

HYGGE
Avatar billede htmlaga Nybegynder
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!
Avatar billede bb_maze Nybegynder
09. juli 2003 - 02:12 #28
Tja... Men dit var også et jpg, ik? Mit er et gif, kan jeg se...

Hmm... ved squ ik lige hvad jeg vælger... Hmm....

HYGGE
Avatar billede htmlaga Nybegynder
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.

Men synes desværre ikke løsningen med at udskifte hele billedet er holdbar på nuværende tidspunkt, men synes også jeg har set det fungere perfekt
Avatar billede bb_maze Nybegynder
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?

HYGGE
Avatar billede htmlaga Nybegynder
09. juli 2003 - 02:19 #31
Muligvis for det tar godt nok også sin tid, at hente billederne første gang!

Kan lige prøve at oploade det en gang!
Avatar billede bb_maze Nybegynder
09. juli 2003 - 02:21 #32
Oki... vil du ha filerne?

HYGGE
Avatar billede htmlaga Nybegynder
09. juli 2003 - 02:22 #33
Henter dem selv :-). Internettet er en finurlig ting i et sundt retssamfund!!!
Avatar billede bb_maze Nybegynder
09. juli 2003 - 02:23 #34
Heheh... Oki...

Der er en på samme host som har testet lidt... Han skriver:

-------------
har fundet ud af at på Opera browser loader den godt nok, men på explore loader den langsomt.
-------------

HYGGE
Avatar billede roenving Novice
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 ...

-- men bortset fra det, skal du absolut vælge den løsning htmlaga har arbejdet på, for der er overhovedet ingen grund til at arbejde med et helt billede, hvis du bare skal have gjort 6 eller 10 bogstaver fede !-)
Avatar billede htmlaga Nybegynder
09. juli 2003 - 02:27 #36
http://odds.users.whitehat.dk/eksperten/test2.htm

Som du kan se er det meget bedre (i hvert fald hos mig) så det er nok noget med din host (eller også er det fordi jeg har komprimeret bedre).
Avatar billede bb_maze Nybegynder
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

Tja... Det ender jo nok med css, det ville bare været rart at kunne det andet også..

HYGGE
Avatar billede bb_maze Nybegynder
09. juli 2003 - 02:28 #38
ÅRH HVAD!!!!

HYGGE
Avatar billede bb_maze Nybegynder
09. juli 2003 - 02:29 #39
Kan du ik prøve at sætte et ind som ik er komprimeret?

HYGGE!

P.S. Tak fordi i begge gider hjælpe :D
Avatar billede htmlaga Nybegynder
09. juli 2003 - 02:30 #40
jo.
Avatar billede roenving Novice
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 ,-)
Avatar billede roenving Novice
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 ...
Avatar billede htmlaga Nybegynder
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
Avatar billede roenving Novice
09. juli 2003 - 02:35 #44
-- jeg kunne ikke få den til at vise en forskel jeg kunne se ...
Avatar billede bb_maze Nybegynder
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...

HYGGE
Avatar billede htmlaga Nybegynder
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 :-(.....
Avatar billede roenving Novice
09. juli 2003 - 02:39 #47
Den lille forskel ?-)
Avatar billede htmlaga Nybegynder
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.
Avatar billede htmlaga Nybegynder
09. juli 2003 - 02:41 #49
jaja, så kald det en stor ting roenving....
Avatar billede bb_maze Nybegynder
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..

Men jeg har faktisk heller ikke ændret det roenving snakker om..... :D

HYGGE
Avatar billede roenving Novice
09. juli 2003 - 02:41 #51
*rotflmao*
Avatar billede htmlaga Nybegynder
09. juli 2003 - 02:47 #52
Endnu en gang, må jeg gå til bekendelse: HVAD BETYDER *rotflmao*??????

Det bliver en laaaang nat....
Avatar billede bb_maze Nybegynder
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 ;)

HYGGE
Avatar billede htmlaga Nybegynder
09. juli 2003 - 02:54 #54
Svar
Avatar billede roenving Novice
09. juli 2003 - 02:57 #55
Rolling On The Floor Laughing My Ass Out ...
'-)
Avatar billede htmlaga Nybegynder
09. juli 2003 - 02:59 #56
Tænkte nok det var noget i den dur!
Avatar billede bb_maze Nybegynder
24. august 2003 - 20:47 #57
Hmm, det er vidst på tide at give nogle point! Heheh... MANGE TAK FOR HJÆLPEN!!!

Ok hvis vi siger 50/50? Håber jeg, ellers må i jo lige skrive igen ;)

HYGGE
Avatar billede roenving Novice
31. oktober 2003 - 00:40 #58
-- tak for points ;~}

-- og så er det vel en dårlig vane, altid at råbe ?-)

(At skrive hele ord med store bogstaver betragtes som at råbe i internet-fora !-)
Avatar billede bb_maze Nybegynder
31. oktober 2003 - 08:13 #59
Så lidt

Jo jo, jeg ved godt at det betyder at råbe. Men for det første må man vel godt råbe tak? Og for det andet så sad jeg et larmende sted da jeg skrev kommentaren :-P

HYGGE
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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
09/1108:35 D3D12 lukker nogle spil ned Af thedukedk i Andet software
08/1115:48 søger pris på en bærbar Af dcedata1977 i PC
06/1119:03 iMac 2026 M6 10-core GPU (standart ell opdatering) Af LLG i Mac
06/1109:43 Vista Af susej14 i Andet software
05/1111:47 Printernavn i Enhedshåndtering er et andet end i Printere og Scannere Af Uvanga i Printere
White papers
Flere white papers »