Rollover-Effekt mit Grafik

  • Hallo! Ich möchte mit zwei JPGs einen gewöhnlichen Rollover-Effekt erzielen. Aber irgendwie wird das immer falsch umgesetzt:

    http://www.fpoint.ch/blog/2005/11/29/reiseziele/

    Nebst dem Bild kommt immer noch ein Code zum vorschein. Kann mir jemand weiterhelfen?

    Ich verwende diesen Code:

    Code
    <script type="text/javascript" src="http://www.fpoint.ch/blogzusatz/asienkarte/rollover.js"></script>
    <a href="#"
       onmouseover="Bildwechsel(0, Highlight1)"
       onmouseout="Bildwechsel(0, Normal1)"><img src="http://www.fpoint.ch/blogzusatz/asienkarte/schweiz.jpg"
       width="71" height="17" border="0" alt="Home"/></a>


    rollover.js sieht so aus:

    Code
    <script type="text/javascript">
    Normal1 = new Image();
    Normal1.src = "http://www.fpoint.ch/blogzusatz/asienkarte/schweiz.jpg";
    Highlight1 = new Image();
    Highlight1.src = "http://www.fpoint.ch/blogzusatz/asienkarte/schweiz-over.jpg";
    function Bildwechsel (Bildnr, Bildobjekt) {
      window.document.images[Bildnr].src = Bildobjekt.src;
    }
    </script>
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Ja hab ich schon weggelassen bei der externen javascript-datei. Trotzdem erscheint nachher auf der Seite der Quelltext mit Logo:

    onmouseover="Bildwechsel(0, Highlight1)"
    onmouseout="Bildwechsel(0, Normal1)">
    width="71" height="17" border="0" alt="Home"/>

    Warum dieser Code-Teil sichtbar wird, weiss ich nicht.

  • Fehler gefunden, du hast Zeilenumbrüche <br /> innerhalb des Codes, einfach mal entfernen.

    Code
    <p><
    script type="text/javascript" src="http://www.fpoint.ch/blogzusatz/asienkarte/rollover.js"></script></p>
    <p><a href="#"<br />onmouseover="Bildwechsel(0, Highlight1)"<br />onmouseout="Bildwechsel(0, Normal1)"><img src="http://www.fpoint.ch/blogzusatz/asienkarte/schweiz.jpg"<br /> width="71" height="17" border="0" alt="Home"/></a>

    "Whoever controls the media, controls the mind." J.Morrison

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!