Grafik soll bei Text-Hoover geändert werden (16x!)

CHIEFmaster

Hallo ihr!

Ich bin wieder mal vor nem Problem, an dem ich zu scheitern drohe...

Und zwar möchte ich eine Grafik ändern lassen,
wenn man mit der Maus über einen TEXT fährt.

Hab mal ein Bild drangehängt, da kann man es eher erklären:

Wenn der User über beispielsweise den Textlink "Baden-Württemberg" fährt,
soll oben die kleine Deutschlandgrafik ausgetauscht werden
(in eine, in der das entsprechende Bundesland hervorgehoben ist!).

Ich denke, das wird relativ einfach lösbar sein,
ich hab bisher aber nur Lösungen gefunden,
mit denen ich EINE Grafik wechseln kann,
oder aber beim drüberfahren über eine GRAFIK eine andere ändern kann.

Kann mir da einer weiterhelfen???

Vielen Dank!

CHIEFmaster

P.S.: Die Grafik soll beim DRÜBERFAHREN über den Text geändert werden.
Wenn man auf den Link dann KLICKT, soll eine Seite geöffnet werden...

DarkSyranus

Moin
Du könntest eine einfache Javascriptlösung machen.
Gib jedem Textlink onmouseover="bildname.src='grafikersetzname.jpg';" und onmouseout="bildname.src='standartgrafik.jpg';".
Dann noch .
Ich weis grad nicht, ob das so läuft, sollte aber eigentlich gehen.

CHIEFmaster

hmm... werd ich morgen mal ausprobieren!
Jetzt gehts erst mal ins Bettchen...

Hab noch ne Sache vergessen:

Sobald man halt über nen anderen Link fährt,
soll die Grafik natürlich wieder in die entsprechende geändert werden.
Fährt man mit der Maus aus dem Link heraus,
soll wieder die Standardgrafik angezeigt werden.
Außerdem, wenn möglich, soll beim drüberfahren der Bereich
HINTER dem Text farblich geändert werden!

Viele Anforderungen, gell?
Ich hoffe, des isch irgendwie alles in einem realisierbar!
Wird aber bestimmt n unheimlicher Quelltextmatsch ergeben!

DarkSyranus

Also, wenn du onmouseout mit drin hast, wird wieder die standartgrafik angezeigt =)
Das andere kannst du doch mit CSS Hover machen.

Code

<style type="text/css">
.germanien {
  color: #fff;
  background-color: #000;
}
.germanien:hover {
  background-color: #fff;
}
</style>
...
[img]deutschland.jpg[/img]
...
[url='#']Schleswig-Holstein[/url]

Alles anzeigen

CHIEFmaster

Super!
Habs jetzt für alle Bundesländer eingefügt.
Des funktioniert einwandfrei!

Vielen Dank!

-> Und wenn du noch immer nen 25kb-Sponsor suchst,
dann kanst du dich ja mal melden!
Ich könnt dir nen Account in meinem WebSpace einrichten!
ModRewrite... ömm... ja! Des kannsch du dann sicher da selber machen, oder? *g*

Gruß und gute Nacht,

CHIEFmaster

Grafik soll bei Text-Hoover geändert werden (16x!)

Tags

Benutzer online in diesem Thema