Home | Registrieren | Einloggen | Suchen | Aktuelles


Forum » Auszeichnungssprachen » Imagemaps mit alternierender Grafik Antworten
Imagemaps mit alternierender Grafik

Mostone
Pixelschubser


Beiträge: 21


Hallo,

ich suche nach einer Möglichkeit in einem Imagemap die dahinterliegende Grafik zu ändern, wenn ich mit der Maus in einem bestimmten Bereich bin,
also sowas wie Mouseover. Vielleicht gibt es irgendeinen Trick dazu?

  Profil   Editieren   Zitieren

languitar
Foren-Team


Beiträge: 2795


entweder nen passen liegenden div visible schalten oder du musst diene Grafik einfach zerschnppeln und auf imagemap verzichten

---
Take a look here!
Lichtblick - Einblick - Ausblick

  Profil   E-Mail   Website   Editieren   Zitieren

Mostone
Pixelschubser


Beiträge: 21


"zerschnippeln" geht leider nicht, da es kleine Balken sind, etwa 5px breit, zwischen denen kein Abstand sein darf. Bisher hab ich es nicht hinbekommen, dass ich mehrere Grafiken nebeneinander habe, die jeweils nur etwa 5px breit und keinen Abstand haben, etwa so | | | | | | | | |

  Profil   Editieren   Zitieren

languitar
Foren-Team


Beiträge: 2795


das geht natürlich...

zeig mal deinen ansatz für grafiken enbeneinander.

---
Take a look here!
Lichtblick - Einblick - Ausblick

  Profil   E-Mail   Website   Editieren   Zitieren

Mostone
Pixelschubser


Beiträge: 21


hi,

ja das sollte gehen und nachdem ich es mit Imageready hinbekommen hatte, hab ich das mal manuell weiterbearbeitet und folgendes als Ergebnis:

1. Bei dieser Variante und mit mehreren solcher Zeilen ist ein ungewollter Abstand zwischen den Zeilen zu sehen. Der Kürze wegen habe ich nur eine Zeile (tr) aufgeführt:
1: 
2: 
3: 
4: 
5:
<tr>
	 <td>
	  <a href="index.php1" onMouseOver="chpic('n1', 'img/navi2.gif');" onMouseOut="chpic('n1', 'img/navi1.gif');"><img name="n1" src="img/navi1.gif" width="43" border=0 height="6" alt=""></a>
	  </td>
	</tr>


2. Variante, so wie ich es mir vorgestellt habe (auch wenn es nichts mehr mit imagemaps zu tun hat)

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9:
<tr>
	 <td>
	  <a href="index.php1" onMouseOver="chpic('n2', 'img/navi2.gif');" onMouseOut="chpic('n2', 'img/navi1.gif');"><img name="n2" src="img/navi1.gif" width="43" border=0 height="6" alt=""></a></td>
	</tr>
	
	<tr>
	 <td>
	  <a href="index.php1" onMouseOver="chpic('n3', 'img/navi2.gif');" onMouseOut="chpic('n3', 'img/navi1.gif');"><img name="n3" src="img/navi1.gif" width="43" border=0 height="6" alt=""></a></td>
	</tr>


Ich hoffe das wird hier richtig dargestellt. Bei der zweiteren Variante ist die Darstellung anders bzw. korrekt, da ich nach </a> kein newline habe und das </td> direkt danach geschrieben. Schreibe ich es in die nächste Zeile wird es leider mit Abstand dargestellt.

Nur wieso ist das denn so???

  Profil   Editieren   Zitieren

languitar
Foren-Team


Beiträge: 2795


Ich müsste jetzt noch deinen Table-Header sehen
DA müsste nämlich cellpadding und cellspacing = 0 stehen

---
Take a look here!
Lichtblick - Einblick - Ausblick

  Profil   E-Mail   Website   Editieren   Zitieren

Mostone
Pixelschubser


Beiträge: 21


ja klar cellpadding und cellspacing habe ich auf 0.
wie gesagt hab ich es jetzt wie gewollt nur frag ich mich wieso die Darstellung anders ist, wenn ich die Tags in einer Zeile schreibe als über mehrere Zeilen verteilt. Das sollte bei HTML eigentlich nichts machen

  Profil   Editieren   Zitieren

languitar
Foren-Team


Beiträge: 2795


HTML ist das wurscht und das ist glaub ich auch nen IE-Fehler. Bin mir aber nicht sicher.

---
Take a look here!
Lichtblick - Einblick - Ausblick

  Profil   E-Mail   Website   Editieren   Zitieren

Mostone
Pixelschubser


Beiträge: 21


gerade probiert mit Opera und Netscape - in beiden Browsern wird es korrekt angezeigt, nur nicht im IE --> also wirklich ein Bug im IE

dann brauch ich mich zu wundern, warum ich das mit dem Zerschnippeln beim ersten Versuch nicht hinbekommen hab, wenn IE das nicht gebacken bekommt.

nun ja, hinterher ist man immer schlauer

  Profil   Editieren   Zitieren

subjective
Forenheld


Beiträge: 848


Mach mal ein hspace="0" in die <img>-Tags

---
Weaverslave

  Profil   Website   Editieren   Zitieren

Ori
Fachidiot


Beiträge: 116


Oder lass die Leerzeichen / Zeilenumbrüche zwischen den <img>s weg. Das verliert dann zwar an Übersichtlichkeit, erzeugt aber auch im IE keinen Abstand mehr.

  Profil   E-Mail   Website   Editieren   Zitieren
 

Antworten
Nach oben