1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

Problem mit CSS und Mouseover

Discussion in 'Web-Know-how für die Homepage' started by Bloedlah, Oct 18, 2008.

Thread Status:
Not open for further replies.
  1. Bloedlah

    Bloedlah ROM

    Hi, ich habe ein kleines Problem.

    Ich bin gerade dabei unsere tabelarische Homepage auf CSS umzustellen. Wir hatten immer einen Bildwechsel, wenn man im Menü über einen Punkt gefahren ist, wechselte das Logo (also nicht wenn ich übers Logo gehe, sondern über einen Menüpunkt). Zusätzlich ist die Schriftfarbe des Menüpunktes statt weiß rot geworden. (via CSS). Nun habe ich versucht alles so umzustellen dass es genauso aussieht wie früher (halt ohne Tabellen). Leider funktioniert der Bildwechsel nun nicht mehr. Kann mir einer sagen woran das liegt, ob ich es vielleicht auch via CSS machen kann. Vor allem wie ich angebe, welche Grafik ich anders haben will wenn einer über einen Menüpunkt geht. Vielen Dank für eure Antworten!

    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>
     
    Bloedlah, Oct 18, 2008
    #1
  2. kalweit

    kalweit Hüter der Glaskugel

    window.document.images hat grunsätzlich ausgedient und der Wechsel per "durchgezählten" scheint mir auch recht unzuverlässig. Gib dem Bild was sich wechseln soll eine extra ID und mache den Bilderwechsel direkt im Eventhandler. Der Preloader für die Grafiken funktioniert so wie so eher nach dem Zufallsprinzip.

    HTML:
    <img src="normal1.gif" id="logo">
    HTML:
    <a href="bla.html" onmouseover="document.getElementById('logo').src='highlight1.gif';" onmouseout="document.getElementById('logo').src='normal1.gif';">klick mich</a>
    Per CSS kannst du nur das Objekt ändern (in seinen CSS-Eigenschaften), über welches die Maus gerade fährt. "Fremde" Objekte kannst du nur per JavaScript ändern.
     
    kalweit, Oct 19, 2008
    #2
  3. Bloedlah

    Bloedlah ROM

    Danke für deine Antwort. Brauch ich dann im Head nichts mehr schreiben? Kann ich das so verwenden?
     
    Bloedlah, Oct 19, 2008
    #3
  4. Bloedlah

    Bloedlah ROM

    klappt wunderbar! Danke!!!
     
    Bloedlah, Oct 19, 2008
    #4
Thread Status:
Not open for further replies.

Share This Page