Homepage rollover-image gaat traag!

vbimport

#1

Hi,
Ik ben bezig aan een homepage, en nu heb ik een paar rollover plaatjes.
Met ZoneAlarm ken je zien wanneer je modem bezig is. En elke keer als ik ‘erover’ ga, gaat m’n modem flippen en duurd het een paar seconden voordat het andere plaatje verschijnd.

Flexwarez
Ik weet het, hij is suf.

Die boxen links en rechts heb ik ook al een keer uit gezet… help niet !

Hoe kan dit opgelost worden ??


#2

Bij mij duurt het ook 2 seconden terwijl het plaatje al is downgeload. Dus elke keer duurt het 2 seconden. Denk dat je een delay hebt ingesteld dus in je HTML-code gewoon de delay verlagen.

[This message has been edited by sampoo (edited 12 June 2000).]


#3

KABEL, VRIEND, KABEL


#4

Ik heb kabel !!!
(Oké, m’n netwerk-kaart begint te flippen… nou tevreden ?)

Sampoo ? Hoe herken je een delay ???
Ik gebruik ook een HTML-editor.


#5

Het lijtk wel of ie iedere keer dat je een MouseOver doet de afbeelding opnieuw moet laden.

Ik heb niet naar de broncode gekeken (wel even gespiekt, maar niet bestudeerd), maar misschien moet je daar eens naar kijken.

De layout ziet er verder erg mooi uit, moe gezegd worden (de rest komt nog wel)

Da_Taxman


#6

–<td width=“96” background=“http://www.geocities.com/flexwarez/menu_1/tussen.jpg” valign=“top” align=“center”><a href="#" onMouseOut=“MM_swapImgRestore()” onMouseOver=“MM_swapImage(‘Games’,’’,‘http://www.geocities.com/flexwarez/menu_1/-games_b.jpg’,0)”><img name=“Games” border=“0” src=“http://www.geocities.com/flexwarez/menu_1/-games_a.jpg” width=“90” height=“26”></a></td>–

Kan iemand hier een fout in ontdekken ???
Dit is het linker ‘GAMES’ rollover plaatje


#7

gebruik zelf een andere JavaScript voor MouseOver effecten.
Wordt standaard gegenereerd door Adobe ImageStyler.
Deze code gebruikt ie dan:
in <head></Head>
<BLOCKQUOTE><font size=“1” face=“Verdana, Arial”>code:</font><HR><pre>
<script language=“JavaScript”><!–
isamap = new Object();
isamap[0] = “_df”
isamap[1] = “_ov”
isamap[2] = “_ot”
isamap[3] = “_dn”

function isimgact(id, act)
{
if(document.images) document.images[id].src = eval( “isimages.” + id + isamap[act] + “.src”);
}

if (document.images) { // ensure browser can do JavaScript rollovers.
isimages = new Object();
isimages.buttons_main_dutch_df = new Image();
isimages.buttons_main_dutch_df.src = “…/images/buttons_main_dutchdrukkerij.jpg”;

isimages.buttons_main_dutch_ov = new Image();
isimages.buttons_main_dutch_ov.src = “…/images/buttons_main_dutchdrukkerov.jpg”;

isimages.buttons_main_dutch_ot = new Image();
isimages.buttons_main_dutch_ot.src = “…/images/buttons_main_dutchdrukkerot.jpg”;

isimages.buttons_main_dutch_dn = new Image();
isimages.buttons_main_dutch_dn.src = “…/images/buttons_main_dutchdrukkerdn.jpg”;
}
// -->
</script>



In <Body></body>:
<BLOCKQUOTE><font size="1" face="Verdana, Arial">code:</font><HR><pre>
<a href="drukkerij/welcome.html" onmouseover="isimgact( 'buttons_main_dutch',1)" onmouseout="isimgact( 'buttons_main_dutch',2)" onmousedown="isimgact( 'buttons_main_dutch',3)"><img src="../images/buttons_main_dutchdrukkerij.jpg" border="0" height="33" width="125" name="buttons_main_dutch" alt="Drukkerij" naturalsizeflag="0" align="BOTTOM"></a>

Voor het voorbeeld:
www.emdejong.nl
(klik op het Nederlandse vlaggetje en zie aan de linkerkant de buttons waarvan ik de code hier heb gegeven (bovenste rode knop)

Da_Taxman


#8

Vreeje site, met wat heb je dat gedaan ?


#9

Welke HTML editor gebruik je? Dreamweaver 3.0?


#10

Ja, ik gebruik onderandere DreamWeaver 3.0. Bij geocities zit ook een HTML-editor. Heel gemakkelijk.

Moet ik dan alles wat ik hierboven getypt (geplakt) heb vervangen door … ?? (Wat Taxman heeft getypt heeft ??)


#11

Het voorbeeld dat ik gegeven heb is slechts voor een button.

Klik op de site van emdejong en je kunt de hele pagina bekijken (de bron).

Je hebt 4 afbeeldingen nodig:

  1. beginafbeelding
  2. MouseOver
  3. MouseDown
  4. MouseOut

(1) en (4) kunnen een en dezelfde zijn.
Verander de afbeeldingslinks met wat je eigen afbeeldingen zijn. Bekijk het voorbeeld goed en probeer het te begrijpen en dan aan te passen naar je eigen site.

(of gebruik Adobe ImageStyler, daar is het mee gemaakt)

Da_Taxman


#12

Jaja, tot nu toe begon ik alles te snappen.
Alleen dit… :

voorbeeld:

<TR>
<TD align=middle rowSpan=2 width=140><A
href=“http://www.emdejong.nl/dutch/links/index.html
onmousedown=“isimgact( ‘buttons_main_dutch6’,3)”
onmouseout=“isimgact( ‘buttons_main_dutch6’,2)”

onmouseover="isimgact( ‘buttons_main_dutch6’,1)">

<IMG align=bottom alt=Links border=0 height=31 name=buttons_main_dutch6
src=“Welcome2_bestanden/buttons_main_dutchlinks.jpg” width=125 naturalsizeflag=“0”>
</A></TD></TR>

Dit is de ‘EM. de Jong Links knop’ ! (onderaan)

De beginafbeelding heet : Welcome2_bestanden/buttons_main_dutchlinks.jpg
Maar naar welk plaatje zoekt hij als ik erop ga staan (mouseover). Zoekt hij dan naar het plaatje : Welcome2_bestanden/buttons_main_dutchlinks_1.jpg

Of gaat dat op een andere manier ?!

[This message has been edited by Buba (edited 12 June 2000).]

[This message has been edited by Buba (edited 12 June 2000).]


#13

Er worden een aantal variabelen gedeclared.
<BLOCKQUOTE><font size=“1” face=“Verdana, Arial”>quote:</font><HR>
isamap[0] = “_df”
isamap[1] = “_ov”
isamap[2] = “_ot”
isamap[3] = “_dn”
<HR></BLOCKQUOTE>
in combinatie met:
<BLOCKQUOTE><font size=“1” face=“Verdana, Arial”>quote:</font><HR>
if(document.images) document.images[id].src = eval( “isimages.” + id + isamap[act] + “.src”);
<HR></BLOCKQUOTE>
Dit wil zeggen dat de cijfers verwijzen naar [act]

als cijfer 1 is, dan wordt er _ov toegevoegd aan de bestandsnaam.

<BLOCKQUOTE><font size=“1” face=“Verdana, Arial”>quote:</font><HR>
onmouseover=“isimgact( ‘buttons_main_dutch6’,1)”>
<HR></BLOCKQUOTE>
wordt dan dus:
buttons_main_dutchdrukkerov.jpg";

Ik hoop dat ik het zo goed uitleg, want dit is niet helemaal mijn expertise, zoals ik al zei, dit komt rechtstreeks uit Adobe ImageStyler.

Da_Taxman


#14

Ik ga het hiermee proberen.

Het downloaden van Adobe ImageStyler is nu net klaar, dus denk wel dat ik eruit kom

BEDANKT !