Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : akyaky 04 Nov 2012, 21:19:21

: [risolto] >> ancorare proporzioni immagine background
: akyaky 04 Nov 2012, 21:19:21
Ciao gente!
Premetto che ho cercato sul sito la risposta al mio quesito, convintissima di trovare tantissime pagine su questo argomento...ma forse ho usato le parole sbagliate! Ecco quindi che apro una nuova discussione.

Ho creato un sito fotografico...e l'home page è costituita da un'immagine a pieno schermo e da tre voci di menu.
Avrei bisogno di bloccare le proporzioni dell'immagine in questione.
Soluzione che vedo possibili:
- vincolare la larghezza alla dimensione dell'altezza. Poi a destra potrebbe comparire un margine bianco in base alla tipologia di monitor (16:10 o 16:9) ma imposterei come colore di sfondo, lo stesso sfondo della foto....e quindi non si noterebbe nulla di anomalo.
E' un'idea assurda? Se è percorribile, mi sapete aiutare nel realizzarla? Io non sono molto ferrata...
Ovviamente va benissimo qualunque soluzione che eviti la deformazione della foto che ho caricato come sfondo.
Grazie a quanti vorranno aiutarmi...
Aky

PS Non posso indicare il nome del template in quanto ha dei moduli opzionali a pagamento.
Posso però inviare il link del mio sito via mp.
: Re:>> ancorare proporzioni immagine background
: giovi 04 Nov 2012, 22:56:15
non ho capito niente di quello che vuoi fare.
Se vuoi inserire un'immagine di sfondo a proporzioni fisse puoi utilizzare semplicemente il css3 o un tool javascript come backstretch (puoi crearci anche gallerie fotografiche nell'eventualità). Entrambi NON sono supportati da tutti i browser
: Re:>> ancorare proporzioni immagine background
: akyaky 05 Nov 2012, 09:52:17
Sei riuscito ad interpretare correttamente le mie parole!  ;D

Provo a cercare se c'è qualche discussione che spiega come utilizzare css3 o un tool javascript
: Re:[risolto] >> ancorare proporzioni immagine background
: giovi 05 Nov 2012, 18:10:47
per backstretch basta incollare subito prima del tuo tag </body> questo codice:
<script>$.backstretch(http://dl.dropbox.com/u/515046/www/garfield-interior.jpg);</script>
 
Nell'head devi solo caricare la libreria backstretch che scarichi dal sito del produttore