• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Javascript geht nicht mehr bei umstellung auf CSS

Status
Für weitere Antworten geschlossen.
B

Bloedlah

Neues Mitglied
Hi Leute!

Ich habe ein kleines Problem. Ich stelle unsere Seite gerade um auf CSS (vorher Tabellarisches Layout). Wir hatten ein Textmenü, das bei Mouseover seine Farbe änderte und unser Logo wurde ersetzt (duch eine gif animation).
Seit ich die divs eingefügt habe, geht es nicht mehr. Es bleibt nur die alte Grafik stehen nd nichts tut sich.
Meine Frage: Woran liegt das? (Ist CSS gewichtiger als Javascripte?)
Kann man das auch nur via CSS erledigen? (Wenn ja wie und vor allem wie gebe ich an welche Grafik durch welche ersetzt werden soll.

Danke und liebe Grüße aus München

HTML: 
<head>
<script language="JavaScript">
<!--
Normal1 = new Image(); Normal1.src = "images/n_animiert.gif"; /* Hier erste Standard-Grafik angeben */
Highlight1 = new Image(); Highlight1.src = "images/animiert.gif"; /* Hier erste Highlight-Grafik angeben */
function Bildwechsel(Bildnr,Bildobjekt)
{
window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
//-->

  </script>

</head>

<body>

<div id="inhalt">

 <div id="top">

<img src="n_animiert.gif" height="45" width="313">

  <ul id="Navigation">

 <li>

<a href="../Tollhaus Homepage/tagwerk.html" onMouseOver="Bildwechsel(1,Highlight1)" onMouseOut="Bildwechsel(1,Normal1)">
tagwerk</a>
</li>
</ul>
</div>
</div>
 
Probiers mal hiermit
PHP: 
    <script type="text/javascript">
      normal1 = new Image();
      normal1.src="images/1.jpg";
      highlight1 = new Image();
      highlight1.src="images/2.jpg";
    </script>
  </head>
  <body>
    <div id="inhalt">
      <div id="top">
        <img id="img" src="images/1.jpg" alt="" />
        <ul id="Navigation">
          <li>
            <a href="n_animiert.gif" onmouseover="document.getElementById('img').src=highlight1.src;" onmouseout="document.getElementById('img').src=normal1.src;">tagwerk</a>
          </li>
        </ul>
      </div>
    </div>
Wo genau dein Fehler ist, weiß ich nicht, dafür ist mir das jetzt zu spät. Ausserdem solltest du dir mal diese Beispiele ansehen.

SELFHTML: JavaScript / Objektreferenz / document

SELFHTML: JavaScript / Objektreferenz / document

SELFHTML: JavaScript / Objektreferenz / document
 
Und Du solltest Dir die Fehlerkonsole ansehen, damit Du auch weißt, was überhaupt für ein Problem vorliegt! Wie willst Du sonst Fehler finden?
 
Kein Javascript erforderlich

Also ein Rollover kannst du auch schon nur mit CSS machen, ohne Javascript!
Wobei die animierende Datei soll ja eine Animationsgif sein! Aufjedenfall gehts.

Die CSS des Buttons sollte etwa so aussehen:

div.noani_ {
position:absolute;
left:165px;
top:10px;
width:168px;
height:51px;
background-image:url("noani.png");
}

div.noani_ a, div.noani_ a:link, div.noani_ a:visited {
display:block;
outline: none;
}

div.noani_ img {
width:100%;
height100%;
border:0;
}

div.noani_ a:hover img {
visibility:hidden;
}

div.noani_ {background-repeat:no-repeat;}
div.noani_ a:hover {visibility:visible;}

Html dann das:

<div class="Tabelle_01">
<div class="noani_">
<a href="irgend.html">
<img id="noani" src="ani.gif" width="168" height="51" border="0" alt="" /></a>
</div>
</div>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben