Web-Design Mouse Over Effekt - Seite 2 - Photoshop-Cafe.de :: Dein Photoshop-Forum

Scubamarco · #1 02.02.07, 21:10

und so wäre ohne Javascript?

Code:

<html>
<head>
<title>Beautyretouche</title>

<style type="text/css">
body{
font-family:Verdana,Tahoma,Arial;
font-size:12px;
color:#333333;
background-color:#000000;
margin:10px;
}

  #wechsel a {
    background: url(Vorher.jpg) no-repeat;
    display:block; width:527px; /* Linkbereich begrenzen */
  }
  #wechsel img {
    display:block; width:527px; height:800px; border:0;
  }
  #wechsel a:hover img {
    visibility: hidden;
  }
  #wechsel a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #wechsel a {
    margin-right:1px;
  }
  * html #wechsel a:hover {
    width:334px; margin-right:0; /* Workaround fuer IE 5.01 */
  }
</style>

</head>
<body>



<p id="wechsel">
  <a href="#" target="_blank"><img src="Nachher.jpg" alt="Name" /></a>
</p>

<p>Für das Original mit der Maus über das Bild fahren</p>

</body>

braucht es dann auch die Größenbeschränkung für die Bilder?
Oder ist das für den Bereich des Mouse-Over-Effektes?

**phoenix** · #2 02.02.07, 21:59

Ja da hat Ylloh recht, wenn Javascript deaktiviert ist funktioniert die Methode nicht.
Ich werd mal schaun das ich die CSS Variante angepasst bekomme.

*edit*
Die erste Variante ist CSS und funktioniert mit jedem Browser der CSS unterstützt.

Du brauchst die Grössenangabe nur um den Klickbereich zu definieren.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Software Karte in Flash, bei Mouse-over soll Adresse und E-mail angezeigt werden!	Ramira	Installation, Konfiguration, Hardware und Software	15	23.07.10 10:59
Effekt	tausendlocke	Hilfestellung, Tipps und Tricks	10	22.02.10 21:42
Was ist das für ein Effekt ???	pure-m	Hilfestellung, Tipps und Tricks	3	02.08.08 17:20

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)