mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 05.07.2022 23:21 Benutzername: Passwort: Auto-Login

Thema: Karte umfärben vom 13.05.2015


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Karte umfärben
Autor Nachricht
bergmann
Threadersteller

Dabei seit: 05.08.2004
Ort: -
Alter: 44
Geschlecht: Männlich
Verfasst Mi 13.05.2015 09:32
Titel

Karte umfärben

Antworten mit Zitat Zum Seitenanfang

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?


  View user's profile Private Nachricht senden
qualidat

Dabei seit: 14.09.2006
Ort: Eichwalde bei Berlin
Alter: 61
Geschlecht: Männlich
Verfasst Do 14.05.2015 10:12
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Rareer

Dabei seit: 22.06.2009
Ort: -
Alter: 33
Geschlecht: Männlich
Verfasst Mo 18.05.2015 14:41
Titel

Antworten mit Zitat Zum Seitenanfang

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'
});
  View user's profile Private Nachricht senden
 
Ähnliche Themen Icons umfärben: Wie?
GIF-Animationen umfärben
Photoshop - Bildhintergrund umfärben
Illustrator-Umrandung umfärben
Scrollbalken in Ebenen umfärben oder ersetzen?
Photoshop CS 4 - Hintergrund einfach umfärben
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.