Rood oplichten

Status
Niet open voor verdere reacties.
S

spenz

Gebruiker
Lid geworden
5 jul 2007
Berichten
15
Hallo,

Weet iemand hoe je ervoor kan zorgen dat wanneer iemand zijn cursor op bijv gezinsuitjes op http://www.stapisuit.nl plaatst deze dan gaat oplichten? net zoals je je cursor plaatst op de banners op de pagina?
 
ik zie dat die links afbeeldingen zijn, dan zal je dus eerst de rode afbeeldingen ook ergens moeten aanmaken.... en dan rolloverimages van je links maken.

--Johan
 
wat ik zelf altijd gebruik is de rollover.js (javascript bestand) en deze werkt zo:

HTML: 
<HTML>
<HEAD>
</HEAD>
<BODY>
<A HREF="pagina.html"><IMG SRC="plaatje1.bmp" class="rollover plaatje2.bmp" BORDER="0"></A>
</BODY>
<script src="rollover.js"></script>
</HTML>

de rollover-js-class kan je HIER downloaden. Gewoon in dezelfde map zetten als je HTML bestanden :D


V.:thumb:
 
Ik heb deze code toegepast maar het werkt helaas niet? Wat doe ik verkeerd? Zou je mij willen vertellen hoe dit toe te passen?
 
je hebt
HTML: 
<div class=rollover>
gebruikt?! in plaats van
HTML: 
<IMG SRC="plaatje1.bmp" class="rollover plaatje2.bmp" BORDER="0">

ik neem wel aan dat het over de "Home" button (but01) gaat... toch?

HTML: 
<div class="rollover">
<p>
<a href="Home.html">
<img src="images/but01.gif" width="68" height="52" border="0">
</a>
</p>
<p>
<a href="Gezinsuitjes.html">
<img src="images/but02.gif" width="81" height="52" border="0">
</a>
</p>
</div>

probeer ipv dit eens

HTML: 
<p>
<a href="Home.html">
<img src="images/but01.gif" width="68" height="52" border="0" class="rollover but01_ROOD.gif">
</a>
</p>
<p>
<a href="Gezinsuitjes.html">
<img src="images/but02.gif" width="81" height="52" border="0" class="rollover but02_ROOD.gif">
</a>
</p>


V.:thumb:
 
Laatst bewerkt:
Ik bedoel eigenlijk alle 6 de buttons. van home t/m contact. Ik heb je code toegepast maar er veranderd helemaal niets.
 
Laatst bewerkt:
Vreemd... heb je wel de but01_ROOD.gif een andere kleur gegeven dan but01.gif zelf? anders zie je natuurlijk geen verschil :P

en, werkte de code uit de .zip archief wel?

V.:thumb:
 
Die code werkte niet nee. Ik heb hem uitgepakt en geplaatst bij mij html-documenten maar niets.
 
dat komt omdat je vergeten bent onderaan je pagina, tussen de </BODY> en </HTML> tags, de aanroeping van het js-bestand bent vergeten:
HTML: 
</BODY>
<script src="rollover.js"></script>
</HTML>

V.:thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan