"nav1_projektgalerie_lo.gif", "nav1_projektgalerie_hi.gif"
"pic_id149_lo.jpg", "pic_id149_hi.jpg"
"face_lo.png", "face_hi.png" (Transparenz)
<head> einbinden: <script src="jquery-1.2.2.pack.js"></script><script src="code.js"></script>
Jede Grafik, die ein Rollover werden soll muss noch die Stylesheet-klasse .roll bekommen: <img src="face_lo.png" alt="" class="roll">
xyname_lo.xyz und einmal xyname_hi.xyz. Dann klappts!
| Vorher: | Nachher: |
<script src="jquery-1.2.2.pack.js"></script> |
|
<script src="code.js"></script>
|
<script src="code.js"></script> |
<a href="portrait.html" onMouseOver="changeImage('nav','unternehmen','nav0_hi')" onMouseOut="changeImage('nav','unternehmen','nav0_lo')"> |
<a href="portrait.html"> |
| Fehleranfällig, da code.js und das HTML zusammen korrespondieren müssen. Gibts ein zweites Rollover, müssen beide Dateien erweitert werden. | Easy peacy, japaneasy! |