Avatar billede the-lion Nybegynder
19. august 2001 - 19:42 Der er 4 kommentarer og
2 løsninger

Menu med god hastighed?

Jeg har en hovedopgave, hvor vi på vores hjemmeside har lavet en menu, men den er i øjeblikket lidt for langsom at hente, især, pga. vi vil have at der sker noget med knappen når man bevæger musen henover, den bruger : on mouse over / on mouse out
men hvordan laver man en med samme funktionalitet som er hurtigere, har gemt billederne så de fylder så lidt som muligt....
Nogen gode forslag skal kunne bruges i alle browsere, som mindst er MSIE : 4.0 eller Netscape 4.0, elelr nyere....

(Point kan der komme flere af, hvis svaret er derefter....)
Avatar billede the-lion Nybegynder
19. august 2001 - 19:43 #1
den nuværende menu kan ses på siden :
www.bak-elteknik.dk/2ud
Avatar billede 12tri Nybegynder
19. august 2001 - 19:55 #2
Et lille fif, er at du  topen af din menu frame, sætter alle dine billeder ind bare med størelse 0x0. Dette gør at billederne vil ligge på brugers pc, og derfro blive vist hurtigere, når han/hun bevægersig ned over menu-punkterne.

Ps: siden er for stor i 800x600
Avatar billede carsten_lusk Nybegynder
19. august 2001 - 20:06 #3
øhh, mouse over billedet virker ikke i \"søg\"
Avatar billede the-lion Nybegynder
19. august 2001 - 20:16 #4
nej, ok, jeg har godt lagt mærke til det... :-)
Har ikke lige fået det ændret endnu... :-)

ok, men jeg har hørt lidt kort om at hover, kan få lavet noget rimeligt pænt grafik (pæne knapper som ser ud som om det er knapper når musen bevæges henover, men er det kompatibelt og hvordan laves det hvis de kunne være bedre?)
Avatar billede reffak Nybegynder
27. august 2001 - 00:09 #5
Dette er en helt oplagt www.opencube.com - løsning :-)
Kig på www.dgf.dk - hvis du kan bruge menu\'en, så hent den på www.opencube.com

-Skrevet i java. Du skal derfor ikke bekymre dig om netscape/ie kompatibilitet/differencer.
-relativt hurtigt.

MVH
Rasmus
Avatar billede phineas_phreak Nybegynder
05. september 2001 - 00:08 #6
hvad siger du til lidt kode ?

<script>
function SwitchImg()
{
  var rem, keep=0, store, obj, switcher=new Array, history=document.Data;
    for (rem=0; rem < (SwitchImg.arguments.length-2); rem+=3) {
        store = SwitchImg.arguments[(navigator.appName == \'Netscape\')?rem:rem+1];
    if ((store.indexOf(\'document.layers[\')==0 && document.layers==null) ||
        (store.indexOf(\'document.all[\')==0 && document.all==null))
        store = \'document\'+store.substring(store.lastIndexOf(\'.\'),store.length);
        obj = eval(store);
    if (obj != null) {
        switcher[keep++] = obj;
      switcher[keep++] = (history==null || history[keep-1]!=obj)?obj.src:history[keep];
      obj.src = SwitchImg.arguments[rem+2];
  } }
  document.Data = switcher;
}

function RestoreImg()
{
  if (document.Data != null)
    for (var rem=0; rem<(document.Data.length-1); rem+=2)
      document.Data[rem].src=document.Data[rem+1];
}
</script>

<a href=\".html\" onMouseOut=\"RestoreImg()\" onMouseOver=\"SwitchImg(\'document.billede1\',\'document.billede1\',\'.jpg\')\"><img src=\".jpg\" name=\"billede1\" width=\"800\" height=\"600\" alt=\"\" border=\"0\"></a>

Bare ændre billede destinationerne, Har du mere end et billede så husk at ændre name så hvert sæt billeder får et unikt navn
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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