Drupal 7 module 'image style' può rendere l'effetto immagine come ridimensionamento, ridimensionamento, ritaglio, ecc. Ma non è abbastanza. Ad esempio, la dimensione dell'immagine originale è 800x600, posso ridimensionarla a 400x300, quindi voglio aggiungere uno sfondo bianco in altezza, renderlo 400x400. Come fare questo effetto?c'è qualche effetto immagine per aggiungere uno sfondo bianco nell'immagine in drupal 7
risposta
Infine, ho creato image effect module per questo. ridimensiona un'immagine a un insieme esatto di dimensioni dimensioni senza alcun ritaglio, allungamento o riduzione, ma aggiungerà lo sfondo bianco se necessario.
Grazie , Franco! –
image cache actions è un ottimo modulo per questi casi ... si può provare che
Per questo, utilizzare 2 stili: Scala + Definire tela sotto la foto –
Vedo che avete trovato una soluzione. Ma ce n'è uno molto più semplice. Fai in modo che lo stile dell'immagine riduca l'immagine a 400x300 (manterrà le proporzioni dell'immagine). Quindi usa il CSS per modellare uno dei div circostanti con uno sfondo bianco e una dimensione fissa - 400x300px. Se un'immagine ha un rapporto aspetto diverso, il div bianco circostante si riempirà. Se si desidera aggiungere uno spazio bianco in basso a destra, posizionare l'immagine in alto a sinistra all'interno del div. Oppure puoi centrare l'immagine per aggiungere uno spazio bianco su entrambi i lati o sopra/sotto (a seconda del rapporto di aspetto dell'immagine). Se hai bisogno di un bordo o di un'ombreggiatura attorno all'immagine, applicala al div circostante.
Aggiungere spazio nero: Se il vostro stile di immagine vengono utilizzati in una presentazione reattivo o qualcosa del genere e/o se si vuole tutte le immagini da una dimensione esatta (altezza/larghezza), si potrebbe ottenere questo usando due filtri:
Scale a 400x300 (altezza o larghezza corrisponderanno queste dimensioni e l'altro sarà uguale o minore)
Crop a 400x300 (dal altezza/larghezza già è uguale o minore di 400x300 si aggiungerà nero spazio alto/basso o verso destra/sinistra, se necessario)
[modifica]
aggiungere uno spazio vuoto utilizzando ImageCache Actions (Drupal 7) :
per Drupal azioni 8 imagecache ora si chiama Image Effects. L'effetto di correggere altezza/larghezza con l'opzione di sfondo è "Imposta tela".
In realtà, è possibile farlo facilmente con l'effetto Image Kit. Utilizzando lo Smart Resizer , è possibile definire il colore di sfondo che si desidera utilizzare per riempire gli spazi vuoti.
invece di pubblicare semplicemente un link dovresti mostrare la risposta usando l'esempio del codice e descrivere brevemente per arricchire una risposta – AADProgramming
- 1. Drupal 7 Ottieni percorso campo immagine
- 2. Immagine di sfondo parallasse CSS Spazio bianco in IE
- 3. Fade In/Fade Out immagini di sfondo senza sfondo bianco
- 4. Android - Effetto Effetto immagine
- 5. campo CCK Aggiungere al modulo personalizzato in Drupal 7
- 6. Carica più file in Drupal 7
- 7. Immagine PNG con rendering di trasparenza con sfondo bianco in tutti i browser?
- 8. Devo usare Drupal 6 o Drupal 7?
- 9. Come aggiungere uno spazio bianco nel commento in Doxygen
- 10. rimuovere sfondo bianco in dialogfragment
- 11. Drupal 7 - entityFieldQuery Order
- 12. Modifica immagine di sfondo di una pagina Drupal in base alla selezione dell'utente ...?
- 13. iPhone: la visualizzazione di flipping mostra uno sfondo bianco
- 14. Drupal 7 Mongo Ricerca Visualizzazioni
- 15. Come aggiungere codice di Google Analytics a Drupal 7
- 16. Un typedef per sé ha qualche effetto?
- 17. Scorri per eliminare in UITableViewCell ha uno sfondo bianco, è necessario cancellare
- 18. Configurazione smtp di Gmail per Drupal 7
- 19. Sfondo bianco durante l'avvio dell'app
- 20. Drupal 7 è più lento di Drupal 6?
- 21. Sfondo bianco all'avvio dell'app Android
- 22. Stampa su uno sfondo di immagine in python
- 23. immagine di sfondo di sfondo
- 24. Effetto rumore su sfondo Android
- 25. CSS: come aggiungere uno spazio bianco prima del contenuto dell'elemento?
- 26. Drupal 7 views_embed_view e modelli
- 27. Nascondi titolo Webform in drupal 7
- 28. Aggiungere uno spazio bianco alla fine della linea a Jade
- 29. Utilizzo di JQuery in Drupal 7
- 30. Sfondo trasparente in immagine JPEG
Perché non utilizzare i CSS per applicare un bordo 50px alla parte superiore e inferiore dell'immagine? – jsheffers
@jsheffers perché l'altezza dell'immagine non è fissa –
Stai dicendo che stai ridimensionando l'immagine a 400x300 che è una dimensione fissa ... Se fosse così potresti usare la mia soluzione sopra. – jsheffers