Autor |
Nachricht |
bergmann
Threadersteller
Dabei seit: 05.08.2004
Ort: -
Alter: 45
Geschlecht:
|
Verfasst Mi 13.05.2015 09:32
Titel Karte umfärben |
|
|
Hallo, ich möchte gerne folgendes erstellen:
Es gibt einen Plan den ich mittels Klick auf einen Link partiell umfärben möchte. Generell sind alle Farbflächen grau, nur wenn man den dazugehörigen Link anklickt wird die Fläche farbig (wie im Bild zu sehen). Ich dachte dabei an CSS, jedoch ohne :hover-Funktion, da die ja bei mobilen Geräten nicht geht. Evtl. auch mit Javascript?
|
|
|
|
|
qualidat
Dabei seit: 14.09.2006
Ort: Eichwalde bei Berlin
Alter: 63
Geschlecht:
|
Verfasst Do 14.05.2015 10:12
Titel
|
|
|
Das geht bei JS einfach mit dem Austausch von Grafiken (graue gegen farbige Version), ähnlich, wie man das bei dem klassischen Rollover-Effekt macht bzw. gemacht hat. Da ändert man den src-Prameter von <img ...>. Wenn die Teilgrafiken transparente Zonen enthalten (GIF oder PNG), können sie ja auch getrost ganz oder teilweise übereinander liegen.
|
|
|
|
|
Anzeige
|
|
|
Rareer
Dabei seit: 22.06.2009
Ort: -
Alter: 35
Geschlecht:
|
Verfasst Mo 18.05.2015 14:41
Titel
|
|
|
Wenn es sich um einfache Flächen handelt, welche man mit CSS Eigenschaften einfärben kann, dann sollte man das auf jedenfall nicht mit Bildern machen, sondern eben mit CSS und Javascript. Du kannst z.B. verschiedene Klassen definieren, welche jeweils die background-color enthalten:
.rot{
background-color:#ff0000;
}
.gruen{
background-color:#00ff00;
}
und dann weist du mit Javascript (z.B. unter verwendung von jQuery) einfach die Klassen zu:
$('#element1').addClass('rot');
Alternativ kannst du natürlich auch die Farbwerte direkt mit Javascript definieren:
$('#element1').css({
'backgroundColor':'#ff0000'
});
|
|
|
|
|
|
|
|
Ähnliche Themen |
Icons umfärben: Wie?
GIF-Animationen umfärben
Illustrator-Umrandung umfärben
Photoshop - Bildhintergrund umfärben
Photoshop CS 4 - Hintergrund einfach umfärben
Scrollbalken in Ebenen umfärben oder ersetzen?
|
|