Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Mouseover
Beitrag: #1
vom - Mouseover
Hi, kann mir jemand vielleicht bei einem Mouseover helfen, ich komme da im Moment nicht weiter nein. Es soll ein spezieller Mouseover sein. Nehmen wir an, es wäre eine Grafik mit den Abmessungen 200px x 600px. Wenn man über den Bereich A fährt (Koordinaten = 100x300) soll ein anderes Bild erscheinen, als wenn man über den Bereich B fährt (Koordinaten = 100-200px x 300-600px).

Das würde dann vielleicht so aussehen (schematisch):

¦ Area1 ¦ Area 2 ¦

Kennt jemand vielleicht diesen Code?

Suchen
Zitieren

Beitrag: #2
vom - RE: Mouseover
Hmm, ich weiß nicht, ob mouseover auch mit einer Imagemap funktioniert, aber das wäre jedenfalls schon mal eine Gedankenanregung.
Ansonsten würde ich vorschlagen, wenn sich da in absehbarer Zeit keine sinnvollere Lösung finden lässt, dass du einfach deine Ursprungsgrafik splittest und bei der ersten und zweiten Hälfte eben die verschiedenen Reaktionen definierst. Ließe sich vielleicht noch geschickter machen, aber so würd's wohl immerhin schon mal funktionieren.

[Bild: phoenixsig.jpg]
Homepage Suchen
Zitieren

Beitrag: #3
vom - RE: Mouseover
Zitat:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>

<title>Test</title>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="test" />
<meta name="author" content="test" />
<meta name="keywords" content="testtesttest" />
<meta name="generator" content="Webocton - Scriptly" />

<link href="style.css" type="text/css" rel="stylesheet" />

<script
language="JavaScript">
<!--
button1= new Image();
button1.src = "Bild1.jpg"
button2= new Image();
button2.src = "Bild2.jpg"
</script>
</head>

<body>
<a href="mailto:denis.vonarx@gmail.com"

onmouseover="austausch1.src='emailbutton1.jpg';"
onmouseout="austausch1.src='emailbutton2.jpg';">

<img src="knopf.jpg"
border="0" width="600"height="200"
name="austausch1">
</a>

</body>

</html>

Das wird wohl kaum weiterhelfen, so würd ich einen normalen Mouseover machen.

Ich werds mal mit area shape etc... veruschen vielleicht klappt's mit ein bisschen räteln...

Suchen
Zitieren

Beitrag: #4
vom - RE: Mouseover
Also ich kenn das nur mit Einzelbildern:

Zitat:<img src="bild1.jpg" onmouseover="this.src='bild2.jpg';" onmouseout="this.src='bild1.jpg';">

Ich würde das auch mal mit area shape versuchen, geht doch sicher irgendwie.. *grübel*

~147~

[Bild: bild.php?id=25_1&art=A] [Bild: bild.php?id=25_6&art=A]
Homepage Suchen
Zitieren

Beitrag: #5
vom - RE: Mouseover
Das heisst mir bleibt im Grund genommen

Zitat:<map name="enter_Map">
<area shape="rect" alt="enterpage" coords="367, 310, 440, 55" href="http://testmöptest.de" target="_blank">
<area shape="rect" alt="Enter Testt" coords="411, 123, 498, 300" href="index2.html" target="_self">
</map>

Oder Ansonsten mach ich wie es GP gesagt hat einen split up mit den Bildern (Das wird zwar ungenau aber wenns nicht anders geht oo''). So kann ich halt nur "gerade stehende" Vierecke machen, ansonsten lägen noch ausgerichtete Rechteecke drin aber was solls ???.

Thx für die Hilfe ^^

omg, ich hab seit etwa nem 3/4 Jahr nix mehr gemacht was HTML etc... anbelangt xD

Bevor ich es vergesse, da wäre noch was...
Geht ers überhaupt, dass ich einen Teil meiner Website (z.B. den Header) mit PHP auslagere, damit ich ihn dann immer wieder abändern kann?
(Dieser Beitrag wurde zuletzt bearbeitet: 16.11.2008, 20:27 von -=MKR=- Döni. )
Suchen
Zitieren

Beitrag: #6
vom - RE: Mouseover
Mit Dreamweaver kann man sowas ja nur mit ein paar Klicks machen, wieso hat mir das niemand früher gesagt lach?

(Entschuldigt den Doppelpost nein).
(Dieser Beitrag wurde zuletzt bearbeitet: 19.11.2008, 10:18 von -=MKR=- Döni. )
Suchen
Zitieren



Gehe zu:


Benutzer, die gerade dieses Thema anschauen: