beim klick auf das Sender-Logo, Leuchtende Hintergrundgrafik (Support für Audio-Player)

Chip @, Wednesday, 01.01.2020, 16:21 (vor 1663 Tagen)

Sehr geehrter Herr Weisshart, gäbe es eine Möglichkeit daß beim klick auf das Sender-Logo optisch eine Hintergrundgrafik aufleuchtet (transparent)

Besten Dank

„Frohe Feiertage und guten Rutsch ins neue Jahr!“

Eintrag gesperrt
3199 Views

beim klick auf das Sender-Logo, Leuchtende Hintergrundgrafik

Chip @, Wednesday, 01.01.2020, 21:18 (vor 1663 Tagen) @ Fritz

bin Zeile für Zeile hundert male durchgegangen. Leider funktioniert es bei mir nicht. Finde das Problem nicht :-(

Eintrag gesperrt
3129 Views
Avatar

beim klick auf das Sender-Logo, Leuchtende Hintergrundgrafik

Fritz ⌂, Wednesday, 01.01.2020, 21:32 (vor 1663 Tagen) @ Chip

Ich könnte gerne mal einen Blick drauf werfen, wenn ich wüsste, wohin ich werfen soll. :-D

Eintrag gesperrt
3147 Views
Avatar

beim klick auf das Sender-Logo, Leuchtende Hintergrundgrafik

Fritz ⌂, Wednesday, 01.01.2020, 22:14 (vor 1663 Tagen) @ Chip

Ich sehe auf die Schnelle 2 Probleme:

1. Das JavaScript hat sich geändert. Bei dir sehe ich noch die alte Version.
2. Der Button wird als Background-Bild eingefügt. Das setzt natürlich voraus, dass die Bilder für die jeweiligen Sender als transparente .png vorliegen. Hinter einem .jpeg oder einem nicht-transparenten .png ist natürlich das Hintergrund-Bild nicht sichtbar.

Eintrag gesperrt
3112 Views

beim klick auf das Sender-Logo, Leuchtende Hintergrundgrafik

Chip @, Wednesday, 01.01.2020, 22:40 (vor 1663 Tagen) @ Fritz

auf den von mir hereingestellten link (siehe oben) habe ich das aktuelle Javascript jetzt eingebettet. Funktioniert leider immer noch nicht.....alle anderen Seiten sind noch auf dem alten Stand.

...alle SenderLogos (Png.Jpg) habe ich Transparent mit diesen Code gemacht <div style="opacity:0.5;">
beim herausnehmen dieser Zeile Funktioniert es auch nicht....

Eintrag gesperrt
3097 Views
Avatar

beim klick auf das Sender-Logo, Leuchtende Hintergrundgrafik

Fritz ⌂, Wednesday, 01.01.2020, 22:47 (vor 1663 Tagen) @ Chip

...alle SenderLogos (Png.Jpg) habe ich Transparent mit diesen Code gemacht <div style="opacity:0.5;">

Sorry, aber so wird aus Bildern kein transparentes .png (und ein .jpg schon gar nicht).

Versuch's bitte mal mit diesem Bild:
https://webdesign.weisshart.de/images/bayern_1.png

Eintrag gesperrt
3089 Views

beim klick auf das Sender-Logo, Leuchtende Hintergrundgrafik

Chip @, Wednesday, 01.01.2020, 23:07 (vor 1663 Tagen) @ Fritz

habe es eingefügt....geht leider immer noch nicht.

Wäre super wenn beim Klick auf das Logo dieses komplett leuchtet ....auf einem Schwarzen Hintergrund.

Eintrag gesperrt
3079 Views
Avatar

beim klick auf das Sender-Logo, Leuchtende Hintergrundgrafik

Fritz ⌂, Wednesday, 01.01.2020, 23:25 (vor 1663 Tagen) @ Chip

geht leider immer noch nicht.

Und weil ich wusste, dass das "geht nicht" kommt, hab ich schon mal im voraus das geschrieben.

Wäre super wenn beim Klick auf das Logo dieses komplett leuchtet ....auf einem Schwarzen Hintergrund.

Auch so etwas ließe sich sicher mit JavaScript realisieren. In diesem Fall braucht es nicht einmal transparente Bilder.
Mögliche Vorgehensweise:

  • Mit einem geeigneten Bildbearbeitungswerkzeug zu jedem Logo eine "leuchtende" Version erstellen.
  • Per JavaScript das Original-Logo durch die leuchtende Version austauschen.
  • und beim nächsten Klick alle ausgetauschten Bilder wieder durch die Originale ersetzen.
Eintrag gesperrt
3059 Views
Avatar

beim klick auf das Sender-Logo, Leuchtende Hintergrundgrafik

Fritz ⌂, Wednesday, 01.01.2020, 22:50 (vor 1663 Tagen) @ Chip

und vor das nächste "geht nicht" kommt:

Gibt es denn die Datei /images/button_12.png? Die wird nämlich vom JavaScript als Hintergrund eingebunden

Eintrag gesperrt
3113 Views

beim klick auf das Sender-Logo, Leuchtende Hintergrundgrafik

Chip @, Wednesday, 01.01.2020, 23:25 (vor 1663 Tagen) @ Fritz

glaube habe es jetzt verstanden. Die Channels sitzen auf einem Virtuellen Server(Google)...kann da keine Dateien in irgendein Verzeichnis ablegen.


Für Heute mache ich erst mal Schluss :-)

ich danke Ihnen für Ihre Bemühungen und wünsche Ihnen eine angenehme Nacht.


PS: Wenn Sie möchten füge ich gerne ihre Initialen auf meine Radio Seite.