+- Raupyboard (https://www.raupyboard.de)
+-- Forum: Hightech-Portal (https://www.raupyboard.de/forumdisplay.php?fid=78)
+--- Forum: Internet (https://www.raupyboard.de/forumdisplay.php?fid=61)
+--- Thema: Mouseover (/showthread.php?tid=7280)
Mouseover - -=MKR=- Döni - 16.11.2008
Hi, kann mir jemand vielleicht bei einem Mouseover helfen, ich komme da im Moment nicht weiter
. 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?
RE: Mouseover - Siria - 16.11.2008
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.
RE: Mouseover - -=MKR=- Döni - 16.11.2008
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...
RE: Mouseover - Dratini - 16.11.2008
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*
~
~
RE: Mouseover - -=MKR=- Döni - 16.11.2008
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?
RE: Mouseover - -=MKR=- Döni - 19.11.2008
Mit Dreamweaver kann man sowas ja nur mit ein paar Klicks machen, wieso hat mir das niemand früher gesagt
?(Entschuldigt den Doppelpost
).