Bildbereich festlegen für mouseover

Computer: Software & Programmierung HTML & CSS
#1

Hallo,
Ich arbeite zurzeit an einer Homepage und bastel gerade an den Buttons. Für die Buttons möchte ich einen mouseover benutzen. Mein Problem ist, dass ich eine ganze leiste von Buttons erstellt habe. Alle liegen direkt nebeneinander und berühren sich. Somit basieren meine Buttons quasi auf einem einzigen Bild, dass ich in verschieden Versionen abgespeichert habe( linker Button dunkel, restliche Buttons der leiste hell; 2. Button in der leiste dunkel, restliche Buttons sind hell; usw). Nun kommt der Quellcode: ich würde gerne für den mouseover nur Teilbereiche auswählen. Das sind dann immer meine dunkel gefärbten Buttons aus dem Bild von der buttonleiste. Hat da jemand einen Rat für mich ?

Viele Grüße

#2

Hi.

Somit basieren meine Buttons quasi auf einem einzigen
Bild, dass ich in verschieden Versionen abgespeichert habe(
linker Button dunkel, restliche Buttons der leiste hell; 2.
Button in der leiste dunkel, restliche Buttons sind hell;
usw. […]
Hat da jemand einen Rat für mich ?

Mein Rat wäre, es anders zu machen.
Was ist für Dich der Vorteil an Deiner Lösung? Warum hältst Du es für ungünstig, für jeden Button ein eigenes Element zu verwenden?

Hinweis: Was passiert mit Deiner Seite

  • bei abgeschaltetem JavaScript (z.B. Firefox + NoScript)?
  • bei Darstellung auf einem schmalen Display (Smartphone)?
  • bei Einstellung „Grafiken nicht laden“?
  • wenn Du später einen weiteren Button einfügen möchtest?
  • wenn ein Sehbehinderter die Seite aufruft und sich den Inhalt vorlesen läßt? (Hast Du einen beschreibenden Text für jede Schaltfläche?)

Gruß,
KHK

#3

Moin,

Für die Buttons möchte ich einen mouseover benutzen.

Warum mouseover? Warum also JavaScript? Die Wahrscheinlichkeit, dass JavaScript deaktiviert ist, ist heutzutage deutlich höher, als dass der Browser kein CSS kann. Mach es also stattdessen mit CSS und hover.

Mein Problem ist, dass ich eine ganze leiste von Buttons
erstellt habe.

Richtig.

Somit basieren meine Buttons quasi auf einem einzigen
Bild, dass ich in verschieden Versionen abgespeichert habe

Ich kann mir nicht vorstellen, warum Du Dir diese Arbeit gemacht hast. Mit jedem Button, der nachträglich hinzu kommt, hast Du mehr Arbeit.

ich würde gerne für den
mouseover nur Teilbereiche auswählen.

Mach daraus wieder Einzelbilder, dann hast Du keine Probleme mehr.

Liebe Grüße,
-Efchen

#4

Antwort
Moin, nach den bisherigen Alternativvorschlägen
(Die ich unterstütze) könnte man die Mauspostion beim Mausereignis auswerten,
oder Image-Maps einsetzen.