Autor |
Nachricht |
RoteZora2007
Threadersteller
Dabei seit: 26.09.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 26.09.2007 13:31
Titel Mouseover - Area / Image-Map |
|
|
Hallo liebe Community
Folgendes Problem stellt sich mir:
Ich habe 3 Buttons via CSS Background direkt untereinander gelegt und dort mit einem Mouseover versehen, klappt einwandfrei ...
Allerdings nicht eingegrenzt als Schaltbild, sondern komplett mit dem grauen Hintergrund.
Es sollen ja nur die roten bzw. blauen Balken schaltbar sein ..ohne den grauen Hintergrund.
Image-Maps funktionieren ja bei Hintergrundbildern nicht.
Deswegen war meine Überlegung, den Mouseover-Effekt über Javascript zu steuern.
Klappt auch wunderbar, aber wenn ich jetzt das 2. Bild darunter setze, dann kann ich es ja nicht über den ersten Button legen, weil es ja keine layer gibt ..
D.h. die Bilder sind viel weiter auseinander weil sie nicht verschachtelt sind.
Gibt es irgendeine Möglichkeit hier die Buttons einzugrenzen und schaltbar zu machen, also nur die Buttons an sich ohne den Hintergrund (rote Balken,blauer Balken) ohne das Grau dazwischen ...
Code: |
<script language='javascript'>
button1 = new Image();
button1.src = 'images/download.gif';
button2 = new Image();
button2.src = 'images/download_over.gif';
function wechsel1 ()
{
window.document.images[0].src=button2.src;
}
function wechsel2 ()
{
window.document.images[0].src=button1.src;
}
</script>
<map name='image-map'>
<area shape='rect' coords='10,55,280,125' href='' alt=''
ONMOUSEOVER = 'wechsel1()'
ONMOUSEOUT = 'wechsel2()'
</map>
<img name='image' src='images/download.gif' alt='' border=1 usemap='image-map'>
|
Hoffe man versteht was ich meine ..
Zuletzt bearbeitet von RoteZora2007 am Mi 26.09.2007 13:39, insgesamt 5-mal bearbeitet
|
|
|
|
|
Kraat
Dabei seit: 05.10.2006
Ort: Köln
Alter: 42
Geschlecht:
|
Verfasst Mi 26.09.2007 13:34
Titel
|
|
|
Nö verstehe kein Wort, und deine Grafik erklärt auch nicht das geringste.
|
|
|
|
|
Anzeige
|
|
|
RoteZora2007
Threadersteller
Dabei seit: 26.09.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 26.09.2007 13:37
Titel
|
|
|
ok, vielleicht anders ...
Area Maps auf Hintergrundbildern (CSS) funktionieren nicht?
Wenn doch, wie?
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 26.09.2007 14:07
Titel
|
|
|
Verstehe das auch nicht wirklich, aber Du könntest
hergehen und ein transparentes Gif mit der Imagemap
über das background-Bild legen - falls du das meinst.
|
|
|
|
|
RoteZora2007
Threadersteller
Dabei seit: 26.09.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 26.09.2007 14:39
Titel
|
|
|
Es sollen nur die Balken klickbar sein und nicht wenn ich z.B. halb links auf das graue Klicke, ebenfalls klickbar ist und zum Baken gehört.
Jaaaa, genau so könnte eine Lösung aussehen
Es sind ja 3 verschiedene Bilddateien ..
Muss ich dann 3 transparente Gif´s über jedes Bild legen?
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 26.09.2007 15:07
Titel
|
|
|
Vielleicht ja, aber ehrlich gesagt hab ichs leider
immer noch nicht gerafft, wie die Seite/das Problem
überhaupts genau aussieht - sorry steh da aufm
Schlauch irgendwie.
Zuletzt bearbeitet von Raumwurm am Mi 26.09.2007 15:08, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
list-style-image bei mouseover austauschbar?
Bildergalerie Mouseover andere Position & Mouseover Scroll
onmouseover und <area> Problem
crop-area in illustrator cs2 für web-jpg´s
suche ein fall out Image Menu, mit 3 image ebenen
Mit 1 klick 2 Frames ändern mir area shape ???
|
|