• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit Animation

Status
Für weitere Antworten geschlossen.
V

V4lid

Neues Mitglied
Hei Jungs,
meine Grundidee war es eine Folge von Bildern zu animieren. Habe das Ausgangsbild und wenn man darüber fährt mit der Maus bewegt es sich. Wenn man das Bild wieder verlässt, dann entsteht quasi das Ergebnis. Die Animation funktioniert auch, aber so wie ich die anderen Bilder der Animation definiert habe, werden diese zusätzlich auch noch angezeigt.
Ich zeige euch am besten den Quelltext, kann das nicht besser beschreiben :P

<html>
<head>
<title> Experiment </title>
</head>
<body leftmargin="150" rightmargin="150" topmargin="100">


<a href" " onmouseover="Ink1.src=Bewegt1.src" onmouseout="Ink1.src=Ende1.src">
<img name="Ink1" src="Reagenzglas doppelte DNA.jpg"/></a>
<img name="Bewegt1" src="Reagenzglas Animation.gif"/></a>
<img name="Ende1" src="Reagenzglas Ergebnis 1.jpg"/></a>
</body>
</html>


Schonmal im Vorfeld vielen Dank
 
Punkt 1: nutze
HTML: 
 oder [code] um Quellcode im Forum darzustellen ..
Punkt 2: lerne HTML, vor allem wie man Links setzt und Bilder einfügt. Selfhtml hilft da ungemein.
Punkt 3: korrekt wäre die Linksetzung in deinem Fall so für 2 Bilder:

[code]<a href" " onmouseover="Ink1.src=Bewegt1.src" onmouseout="Ink1.src=Ende1.src">
<img name="Ink1" src="Reagenzglas doppelte DNA.jpg"/></a>
<a href" " onmouseover="Ink1.src=Bewegt1.src" onmouseout="Ink2.src=Ende1.src">
 <img name="Ink2" src="Reagenzglas doppelte DNA.jpg"/></a>[/code]Punkt 4: verwende keine Leerzeichen oder andere Sonderzeichen in Dateinamen!
 
Danke soweit.
Der Punkt ist der, dass ich garkeinen Link haben will. Sondern einfach nur, wie beschrieben ein Bild haben will, dass sich wie beschrieben, ändern soll. Ich weiß nur nicht, wie ich das am Besten anstelle, und selfhtml half mir da auch nicht viel, bzw. habe ich dort nichts gefunden.
Und so wie du es geschrieben hast, geht es jetzt garnichtmehr.
 
Zuletzt bearbeitet:
Wenn dort kein Link stehen soll lass diesen weg. Dann musst du den Bildwechsel über JavaScript machen - hast du ja schon bei "onmousemover" und "onmouseout" genutzt. Das muss nur eben in den img-Tag rein.
 
Moin,

Man könnte einen Bildwechsel auch mit CSS machen, zumindest für zwei Bilder...die Bilder in eines packen, als Hintergrundbild und bei :hover dann die Position verschieben.

Gruß,
-Efchen
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben