| 

.NET C# Java Javascript Exception

2
Also der Browser zeigt ein anderes Bild an, wenn der Mauszeiger über ein Bild fährt. Kenn nur die Möglichkeit über Javascript per mouseOver-Event.
News:
08.08.2011
Zolto
Zolto
21 ● 1
3 Antworten
4
Ich würde das nicht mit zwei verscheidenen Bildern lösen, da beim Nachladen kurze Zeit nichts angezeigt wird. Stattdessen lieber ein Bild, welches entsprechend verschoben wird.
Hier die Erklärung: CSS 2: schnelle Rollover-Menüs ohne Preload.
08.08.2011
Jaksa
Jaksa
2,5k ● 1 ● 7
Mein Beispiel beschränkt sich auf das wesentliche. Dein Vorschlag ist aber eine sehr gute Ergänzung dazu.
– philipooo 08.08.2011
3
Ja das geht mit Hilfe von CSS und Pseudoselektoren.

Beispiel:
<html>
  <head>
    <style type="text/css">
      .button-style
      {
        background-image: url('normal.png');
      }
      .button-style:hover
      {
        background-image: url('hover.png');      
      }    
    </style>
  </head>
  <body>
    <input type="button" class="button-style"/>
  </body>
</html>

Gruss
08.08.2011
philipooo
philipooo
124 ● 5
2
Als Erweiterung zu philipooos Antwort:
Du kannst auch slicen. Also Vorher- und Nachherbild in einer Grafik
und die schiebst Du dann einfach nur im Hintergrund des Buttons hin und her.
Hätte den Vorteil das Du nur eine Grafik laden musst und nicht zwei.
<html>
  <head>
    <style type="text/css">
    <!--
      .button-style
      {
        width: 25px;
        background-image: url('bild.png');
        background-position: 0px 0px;
        background-repeat: no-repeat;
      }
      .button-style:hover
      {
        background-position: -25px 0px;
      }
    -->
    </style>
  </head>
  <body>
    <input type="button" class="button-style"/>
  </body>
</html>


Edit:
Sorry, seh grad das Jaksa die Antwort schon gegeben hat.
Naja, jetzt hast Du die Antwort eben zweimal :)
09.08.2011
lunatigs
lunatigs
1,1k ● 1 ● 7
Editiert 09.08.2011
lunatigs
lunatigs
1,1k ● 1 ● 7

Stelle deine Javascript-Frage jetzt!