2012-04-20 3 views
8

Drupal 7-Modul 'Bildstil' kann Bild-Effekt wie Größe, Skalierung, Ernte etc. machen. Aber es ist nicht genug. Zum Beispiel ist die ursprüngliche Bildgröße 800x600, ich kann es auf 400x300 skalieren, dann möchte ich weißen Hintergrund in Höhe hinzufügen, machen es 400x400. Wie man diesen Effekt macht?gibt es keinen Bildeffekt, um weißen Hintergrund in das Bild in Drupal 7

+0

Warum nicht CSS verwenden, um eine 50px Grenze zum oberen und unteren Rand des Bildes anzuwenden? – jsheffers

+0

@jsheffers weil die Bildhöhe nicht fest ist –

+0

Sie sagen, dass Sie das Bild auf 400x300 skalieren, das ist eine feste Größe ... Wenn das der Fall wäre, könnten Sie meine Lösung oben verwenden. – jsheffers

Antwort

1

Schließlich habe ich image effect module dafür geschaffen. Die Größe eines Bilds wird auf eine exakte Größe ohne Größe geändert, ohne zu beschneiden, zu strecken oder zu schrumpfen. Bei Bedarf wird jedoch ein weißer Hintergrund hinzugefügt.

+0

Danke , Frank! –

11

image cache actions ist ein großes Modul für solche Fälle ... Sie können versuchen, dass

+2

Verwenden Sie hierzu 2 Arten: Maßstab + definiert Leinwand unter Bild –

1

Ich sehe, Sie haben eine Lösung gefunden. Aber es gibt einen viel einfacheren. Lassen Sie Ihren Bildstil auf 400x300 skalieren (dabei wird das Seitenverhältnis des Bildes beibehalten). Verwenden Sie anschließend CSS, um eines der umgebenden divs mit einem weißen Hintergrund und einer festen Größe von 400x300px zu formatieren. Wenn ein Bild ein anderes Seitenverhältnis aufweist, wird das umgebende weiße div ausgefüllt. Wenn Sie unten/rechts Leerraum hinzufügen möchten, positionieren Sie Ihr Bild oben links im div. Oder Sie können das Bild zentrieren, um Leerräume zu beiden Seiten oder oben/unten hinzuzufügen (abhängig vom Seitenverhältnis des Bildes). Wenn Sie einen Rahmen oder einen Box-Schatten um das Bild benötigen, wenden Sie es auf das umgebende div an.

schwarzen Raum hinzufügen: Wenn Ihr Bild Stil in einer ansprechenden Diashow verwendet werden oder etwas und/oder Sie mögen, dass alle Bilder eine genaue Größe (Höhe/Breite) sein, könnte man dies erreichen, indem zwei Filter verwendet werden:

  • Maßstab bis 400x300 (Höhe oder Breite wird diese Größe entspricht und der andere wird gleich oder kleiner sein)

  • Crop zu 400x300 (seit Höhe/Breite ist bereits gleich oder kleiner als 400x300 wird es schwarzen Raum oben/unten oder rechts/links, wenn erforderlich) hinzufügen

[Bearbeiten]

hinzufügen Leerraum mit ImageCache Actions (Drupal 7) :

See this answer

Für Drupal 8 Imagecache Aktionen jetzt Image Effects genannt. Der Effekt zum Festlegen von Höhe/Breite mit Hintergrundoption ist "Leinwand festlegen".

0

Eigentlich können Sie dies einfach mit Image Kit Effekt tun. Mit dem Smart Resizer können Sie festlegen, welche Hintergrundfarbe Sie zum Füllen von Leerzeichen verwenden möchten.

https://www.drupal.org/project/iek

+0

Anstatt nur einen Link zu posten, sollten Sie die Antwort mit einem Codebeispiel anzeigen und kurz beschreiben, um eine Antwort zu bereichern – AADProgramming

Verwandte Themen