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

Langes Gif in zwei mouseover einteilen

Status
Für weitere Antworten geschlossen.
P

pizko

Neues Mitglied
Hi Leute.. denke hier bei euch bin ich gut aufgehoben...

Also ein langes gif.. Links soll ein Feld mit mouseover belegt werden und rechts noch ein weiteres.

wie macht man das?

Habe überlegt das gif zu splitten und zwei dateien draus zu machen, aber es ist ein zusamhängendes gif und somit nicht so optimal.

Habs im Moment ohne Splittung via javascript:
Code: 
   <input
type="image"
src="/img/kleidung.gif"
value="Hier gelangen Sie stets zur Hauptseite des Outlets"
onClick="location.href='www.test.de'"
onmouseover="this.src='/img/mouseover_header.png'"style="cursor:hand"
onmouseout="this.src='img/kleidung.gif'"
title="Hier gelangen Sie stets zur Hauptseite"
/>
</div></div>
 
Trenne das Bild mit einem Grafikprogramm in zwei Teilgrafiken.
Dann einfach verlinken:

Code: 
<a href="#"><img src="teil1.gif" border="0"></a>
<a href="#"><img src="teil2.gif" border="0"></a>
 
Ok aber wie läuft dann das mouseover ab. Also wenn man links drüber fährt. läuft das rechte bild dann weiter? es muss ja stets gleichzeitig gestartet werden, damit das gif weiterhin ablaufen kann. Wie macht man das?
</div>
 
pizko schrieb:
Ok aber wie läuft dann das mouseover ab. Also wenn man links drüber fährt. läuft das rechte bild dann weiter? es muss ja stets gleichzeitig gestartet werden, damit das gif weiterhin ablaufen kann. Wie macht man das?
</div>
Zum Vergrößern anklicken....

Du meinst, ob das rechte GIF weiterläuft, wenn du über das linke mit der Maus gehst? Dann: Ja, es läuft weiter.
 
Ja und dann nach dem mouseout laufen die beiden gifs doch unregelmäßig oder. das ausgangsbild muss ja eigentlich unverändert bleiben. wie muss man das angehen
 
pizko schrieb:
Ja und dann beim mouseout laufen die beiden gifs doch unregelmäßig oder. das ausgangsbild muss ja eigentlich unverändert bleiben. wie muss man das angehen
Zum Vergrößern anklicken....

Das geht so, wie du es vorhast, nicht. Es sei denn, es ist nur ein Farbwechsel im Spiel; möglicherweise klappt auch der Trick, den ich in meiner Signatur verlinkt habe. Ein paar Möglichkeiten gibt es im Zweifel schon...
Es wäre extrem hilfreich, wenn man sich das Ganze auch mal ansehen könnte.
 
Ich kann mir unter dem "unregelmäßig laufen" überhaupt nichts vorstellen.
Vielleicht kannst du die Grafiken auch als Hintergrundgrafik dem Link zuweisen, so was in der Art (Ziffer 2): Link-Buttons
auf ul und li könntest du vermutlich verzichten.
 
Will es über ein unsichtbaren Bildlink lösen. der über das gif gelegt wird. Aber dann springt das mouseover nicht mehr drauf an oder?

Ingo: pn erhalten?
 
pizko schrieb:
Will es über ein unsichtbaren Bildlink lösen. der über das gif gelegt wird. Aber dann springt das mouseover nicht mehr drauf an oder?

Ingo: pn erhalten?
Zum Vergrößern anklicken....

Ja, ich habe die pn erhalten, kann aber nichts damit anfangen, wie ich bereits zurückgeschrieben habe, weil ich auf deiner Seite gar kein "langes gif" sehe.
 
Kein Problem danke. Ist ja komisch welchen Browser benutzt du denn. FF 3 und IE 6 und 7 zeigen mir die Adresse mit Bild an.. So in die Adresszeile kopiert?

Mit was beginnt denn die Seite bei dir? Mit den Menüpunkten? Bezahlarten usw??
 
pizko schrieb:
Kein Problem danke. Ist ja komisch welchen Browser benutzt du denn. FF 3 und IE 6 und 7 zeigen mir die Adresse mit Bild an.. So in die Adresszeile kopiert?

Mit was beginnt denn die Seite bei dir? Mit den Menüpunkten? Bezahlarten usw??
Zum Vergrößern anklicken....

In keinem Browser wird das Bild direkt angezeigt, aber im IE6 erscheint es wenigstens auf der Seite.
Im FF hingegen sieht man es weder so noch so, was wohl am Umlaut im Dateinamen liegt.
Jedenfalls sehe ich das Bild jetzt.

Jetzt glaube ich auch wenigstens verstanden zu haben, was du meinst: Der ganze rechte Bereich ist im Moment auch verlinkt, soll er aber nicht sein. Ich verstehe zwar nicht, warum dich das so stört, aber ich würde die Lösung mit dem unsichtbaren Bild über diesem "langen GIF" umgekehrt anwenden: Einfach ein nicht verlinktes durchsichtiges Bild über den rechten Bereich legen.
 
Hab es geändert: jetzt ohne umlaut..

Code: 
<input
type="image"
src="templates/xtc4/img/header.gif"
value="Hier gelangen Sie stets zur Hauptseite"
onClick="location.href='http://www.verdammt.de/index.php'"
onmouseover="this.src='templates/xtc4/img/mouseover_header.png'"style="cursor:hand"
onmouseout="this.src='templates/xtc4/img/header.gif'"
title="Hier gelangen Sie stets zur Hauptseite"
/>
So sieht es als code aus. Im Moment noch als Javascript kann es sein dass du es daher nicht gesehen hast? JS deaktiviert? Kannst du bitte nochmal testen.

Ich erkläre nochmal was ich erreichen möchte. Ich möchte den header in zwei Mouseover unterteilen mit zwei Links.
Oder ein Mouseover wie es jetzt ist und ZWEI Links
 
Nein, ich habe JS nicht deaktiviert; es lag am Umlaut, wie ich es geahnt hatte, weil ich das Bild jetzt nämlich sehen kann. :roll:

Wäre mein Lösungsvorschlag aus meinem letzten Beitrag nun ein brauchbarer oder nicht?

EDIT:
Ok, ich sehe, nach deiner neuen Erklärung ist er natürlich nicht brauchbar.
Wenn du aber sowieso mit JavaScript arbeiten willst, kannst du auch über eine Seite das durchsichtige Bild legen, bei MouseOver mit getElementById auf das Bild zugreifen und es sich entsprechend verändern lassen.
 
Sorry für die Umstände. War ne schwere Geburt.. Lästige Umlaute;)

Bei deinem Vorschlag waren es ja koordinaten die man vergibt für die Links. Kann man es bei mir irgendwie mit einbauen? Kennst du dich mit Javascript aus? bzw. Kann man ein unsichtbares Bild drüber legen so dass das mouseover noch funktioniert. Wie gesagt kann alles so bleiben, nur dass es ein seperaten Link geben müsste, das zum Unternehmensprofil verweist, während mouseover aktiv ist.

Also bei verweis-sensitiven Grafiken werden Koordinaten eingegeben:
Code: 
<img src="karte.png" width="345" height="312" border="0" alt="Karte" usemap="#Landkarte">
  <map name="Landkarte">
    <area shape="rect" coords="11,10,59,29"
          href="http://www.koblenz.de/" alt="Koblenz" title="Koblenz">
    <area shape="rect" coords="42,36,96,57"
          href="http://www.wiesbaden.de/" alt="Wiesbaden" title="Wiesbaden">

Kann ich in meinem Fall ein bestimmtes Feld angeben?


Kannst du Sachen ausschließen, die in keinem Fall gehen? Hab zwar schon viel gelesen aber meine Frage konnte ich nirgendwo finden.</div>
 
Zuletzt bearbeitet:
Das mit den verweis-sensitiven Grafiken hatte ich ganz vergessen. :D
Klar, du kannst dann in den areas auf verschiedene Seiten verlinken, aber auch ein OnMouseOver einbauen, das die Grafik verändert.
Erfüllt es irgendeinen Zweck, dass das Ganze mit <input...> statt einfach mit <img...> gelöst ist?
 
Bei mir soll ja ein Bereich des MOUSEOVER Bildes einen anderen Link erhalten.

WIe muss man dann folgendes abändern:

<img src="karte.png" width="345" height="312" border="0" alt="Karte" usemap="#Landkarte">
<map name="Landkarte">
<area shape="rect" coords="11,10,59,29"

und wie würde man in meinem Fall die Koordinaten rausbekommen

Eine andere Frage: Kann man zwei verschiedene Mouseover GIFs so verknüpfen dass sie bei mouseout beide durch ein ganzes gif wieder ersetzt werden?

So eine art replace funktion oder sowas?
</div>
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben