Grafik (Sonos-Cover) in HTML-Box zentrieren

Hi,

ich habe das Problem, dass die Cover unterschiedlich groß sind. Nun möchte ich gern die Cover-Grafiken in der vorgefertigten HTML-Box zentrieren, somit sollte das Ergebnis am akzeptabelsten sein.

Wie kann ich so etwas tun?

Gibt es gänzlich bessere Lösungen?

DANK im Voraus

herbertf

Moin!

Wenn du mir den Code sagst, wie du aktuell die Cover in der HTMLBox ausgibst, dann kann ich dir den entsprechend anpassen, damit die Cover zentriert sind :slight_smile:

Beispiel:

<td align="center"><img src="bild.jpg" width="100" height="100" ..............

Gibt aber noch andere Varianten mit CSS oder ein div auf center usw :slight_smile:

Grüße,
Chris

Moin,

Danke für die Antwort. Ich denke wir haben noch ein Verständnisproblem.

In „Deiner“ HTML-Box verweise ich nur auf die IPS-ID, bei mir:

29852 - Program.IPSLibrary.data.modules.IPSSonos.Wohnzimmer.COVERURI

In dieser ID (von der Sonos-IPS-Library) steht dann der jeweilige Link, aktuell dudelt das Radio:

<img alt="" src="http://cdn-radiotime-logos.tunein.com/s18355.png" />

Obiges ändert sich ja aber quasi pro Lied bzw. pro Radiosender.

Kann ich etwas tun?

herbertf

Dann musst du die Stelle im Skript finden, wo dieser Code generiert wird:

<img alt="" src="http://cdn-radiotime-logos.tunein.com/s18355.png" />

Und den dann anpassen, dass danach sowas in der Richtung drin steht:

<img align="center" alt="" src="http://cdn-radiotime-logos.tunein.com/s18355.png" />

Irgendwo muss der Teil ja definiert werden und nur die URL ist dann „dynamisch“. Oder verstehe ich da was falsch?

Grüße,
Chris

Mit meinen bescheidenen Webkenntnissen:

Warum mach ich nicht in IPS einfach aus:

<img alt="" ... />

in einer neuen Variable dies:

<img align="center" alt="" .../>

Wäre dies die Lösung?

In IPS? Wie eben schon geschrieben - du musst das IPSSonos Skript anpassen, in welchem der Code generiert wird und dann in die IPSSonos-Variable geschrieben wird. Weil du willst es ja immer so haben und nicht nur bei manueller Änderung…

Habe mein IPS grad schlecht im Zugriff, mangels gescheitem Internet zu Hause, ansonsten könnte ich dir sagen in welchem IPSSonos Skript an welcher Stelle was geändert werden muss.

Grüße,
Chris

Soooo…jetzt hab ich IPS im Zugriff :slight_smile:

Schau mal in das Skript „IPSSonos_Query“ Zu finden in „\Program\IPSLibrary\app\modules\IPSSonos“. Dort gibt es folgende Zeile:

$CoverArtURL = "<img alt=\"\" src=\"".$AlbumArtURI."\" />";

Diese müsste, je nachdem was du genau willst, in sowas abgeändert werden:

$CoverArtURL = "<img align=\"center\" alt=\"\" src=\"".$AlbumArtURI."\" />";

…evtl. noch um „width“ und „heigth“ ergänzen.

>> ACHTUNG! Bei einem Update von IPSSonos über die IPSLibrary werden die Änderungen wieder überschrieben!

Grüße,
Chris

Hi Chris,

VIELEN DANK FÜR DEINE INFOs.

Ich habe mich doch für die Variante in IPS mit einer neuen Variablen entschieden, vor allem auch aus dem IPS-Library-Update-Ansatz.

<?
$String=GetValueString(29852 /*[Program\IPSLibrary\data\modules\IPSSonos\Wohnzimmer\COVERURI]*/);
$alt="<img alt=";
$neu="<img width=\"400\" height=\"400\" align=\"center\"; alt=";
//echo "$String
";
$Neu=str_replace($alt,$neu,$String);
//echo "$Neu";
SetValueString(IPS_GetParent($_IPS['SELF']),$Neu);
?>

Bin zufrieden.

Ciao Herbertf

Moin!

Wenn du zufrieden bist, dann bin ich es auch :slight_smile:

Und die IPSSonos Variable überwachst du jetzt mit einem Event auf Änderung und lässt dann einmalig das Skript zur Änderung laufen? Oder wie machst du es?
Bau dir mit dem Event nur keine Endlosschleife, hab ich einmal bei was ähnlichem geschafft :smiley:

Grüße,
Chris

genau so …
in Ergänzung werde ich auch noch die „viel zu kleinen Radio-Grafiken“ gegen SCHÖNE … tauschen