Photoshop-Cafe.de :: Dein Photoshop-Forum

Photoshop-Cafe.de :: Dein Photoshop-Forum (https://www.photoshop-cafe.de/forum/index.php)
-   Hilfestellung, Tipps und Tricks (https://www.photoshop-cafe.de/forum/forumdisplay.php?f=30)
-   -   Web-Design Mouse Over Effekt (https://www.photoshop-cafe.de/forum/showthread.php?t=2353)

Scubamarco 02.02.07 20: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 02.02.07 20: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.


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:31 Uhr.

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
©2005-2024 photoshop-cafe.de

Seite wurde generiert in 0,01572 Sekunden mit 8 Queries