Doppel Foto wie geht das ???

[Poldy1144]

Hallo ich habe mal eine frage.
Ich möchte gerne auf meiner HP ein Foto Haben und wen man dan mit der Maus drüberfährt das ein anderes zu sehen ist.
Mit was für ein Programm macht man so was.

Gehört hier vielleicht nicht ganz hin aber wen ihr das nicht wiest wer dan.
Oder wie Heißt der Begriff genau dan Google ich selber aber unter Doppel Foto finde ich das nicht.

MFG Poldy1144

 

[ratlos]

glaube du meinst den mouseover oder hover befehl, damit kannst du wie von dir beschrieben bei bestimmten events wie z.b. ein curser der sich über ein bild bewegt einen effect auslösen. wird beispielsweise bei navigations bars verwendet um auf javascript zu verzichten aber trotzdem ein bischen spielerei auf seiner page zu haben.

 

[MasteR ChieF]

Hallo

Das kannst du mit JavaScript lösen


In den Header deiner HTMl Sete schreibst du folgendes:

<script type="text/javascript">

function verschwinden (){
document.getElementById('bild').style.display='none';
}
            
function zeigen (){
document.getElementById('bild').style.display="";
}

</script>

und in dein Kontext folgendes:

<!-- Link, wenn man mit der Maus darüber geht, wird das untere DIV sichtbar -->
<a href="#" onmouseover="zeigen()" onmouseout="verschwinden()">Link</a>

<!-- DIV welches sichtbar gemacht wird (standartmässig ist es ausgeblenet) -->
<div id="bild" style="display:none;">

 <!-- INHALT -->

</div>

In deinem Fall musst du nun nur, dein Bild in den Link setzen (damit das Bild der Link ist) und in das Div ein Bild setzen, welches du willst.

mfg
MasterCHief

 

[prm]

Da gibt es mehrere Möglichkeiten und Varianten:
Bild-Hover-Effekt
Link-Buttons
Grundsätzlich reichen HTML und CSS.

 

[Poldy1144]

Hallo das ist Ganz Toll das ihr mir so helfen wollt.
Leider habe ich keine Ahnung von HTML habe nur so eine Fertige HP RC-Stuntman.de

Ich komme mit euer Text nicht ganz klar wo ich die Fotos einsetzen soll.

Ich hoffe jemand hat vielleicht ein paar Minuten zeit und kann mir das zusammen bauen so das ich es als ganzes nur noch in HTML Code oder Quellcode einsetzen Brauch.
Dann habe ich wider was dazugelernt wen ich es im Ganzen sehe.

Hier die 2 Fotos.
Der Mann mit den Fotoapparat soll zu sehen sein, und wen man mit der Maus drüberfährt dann das Foto mit den Hund.

http://fgmaderoffroad.beepworld.de/files/rene-blitz-schnell.gif
http://fgmaderoffroad.beepworld.de/files/gstebuch-hund.gif

MFG Poldy1144