vom
16.11.2008, 15:39 -
Mouseover
Themen: 61
Beiträge: 415
Registriert seit: Dec 2007
PTC-Name:
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?
vom
16.11.2008, 15:42 -
RE: Mouseover
Themen: 240
Beiträge: 5.903
Registriert seit: Mar 2006
PTC-Name: Siria (6)
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.
vom
16.11.2008, 15:46 -
RE: Mouseover
Themen: 61
Beiträge: 415
Registriert seit: Dec 2007
PTC-Name:
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...
vom
16.11.2008, 20:20 -
RE: Mouseover
Themen: 125
Beiträge: 2.822
Registriert seit: Apr 2006
PTC-Name: Dratini (25)
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*
~
~
vom
16.11.2008, 20:24 -
RE: Mouseover
Themen: 61
Beiträge: 415
Registriert seit: Dec 2007
PTC-Name:
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. )
vom
19.11.2008, 10:18 -
RE: Mouseover
Themen: 61
Beiträge: 415
Registriert seit: Dec 2007
PTC-Name:
Mit Dreamweaver kann man sowas ja nur mit ein paar Klicks machen, wieso hat mir das niemand früher gesagt
?
(Entschuldigt den Doppelpost
).
(Dieser Beitrag wurde zuletzt bearbeitet: 19.11.2008, 10:18 von -=MKR=- Döni. )