Resize in base alla risoluzione dello schermo

[Nuvola6]

Un saluto a tutti.
Purtroppo, come saprete, usando in css il "background-image", l'immagine di sfondo non è ridimesionabile, tanto meno si possono mettere dimensioni in percentuale.

Volevo chiedere se esiste qualche javascript che si integri a joomla per permettere il resize del background.
In pratica, il mio template ha una larghezza fissa di 800px.
Il background, invece, è costituito da un'immagine.
Posso fare in modo che questa si adatti alla risoluzione del monitor, quindi che ci sia un resize della stessa (magari anche caricando più immagini di diverse grandezze)?

Qualcuno di voi l'ha mai fatto?

[Nuvola6]

Non ci sono metodi per ottenere una cosa del genere?

[ariess]

anche io mi sono trovato con questo problema tempo fà... in effetti il linguaggio CSS non permette il resize dello sfondo, ma sembra che con le prossime versioni verrà integrata questa funzionalità.

di script per il resize ce ne sono diversi in rete, basta fare una piccola ricerca di "background resize script"...

Un saluto a tutti.
Purtroppo, come saprete, usando in css il "background-image", l'immagine di sfondo non è ridimesionabile, tanto meno si possono mettere dimensioni in percentuale.

potresti comunque usare il comando "background" per caricare l'immagine e usare le percentuali, ma non credo che ti risolverebbe il problema... dovresti fare un CSS per ogni risoluzione...

[Nuvola6]

Grazie per la risposta ricdata.
Ti cito: di script per il resize ce ne sono diversi in rete, basta fare una piccola ricerca di "background resize script"...

Una volta trovato lo script, come lo integro in joomla?

[ariess]

Una volta trovato lo script, come lo integro in joomla?

dovresti trovare le istruzioni allegate, le procedure sono diverse, in genere bisogna scaricare lo script, copiarlo in qualche cartella del sito per poi richiamarlo con un codice.

ne avevo provato uno che funzionava, ma che mi dava problemi con altri componenti, così ho bypassato il problema usando un'immagine che coprisse le risoluzioni più avanzate, ma c'è da dire che usare immagini di sfondo molto pesanti rallenta molto la consultazione del sito, c'è perciò da fare alcune considerazioni al riguardo...

[Nuvola6]

E' vero quello che dici riguardo al peso. Per quanto riguarda il mio background... riesco a comprimerlo tantissimo (fino a far pesare l'immagine pochi kb) e senza perdere la qualità.
Magari si tratta di un caso particolare.

In ogni caso, ora allargo ancora di più la questione:
se volessimo fare il resize dell'intero template e non solo del background?

[ariess]

dipende cosa intendi per resize del template...
se vuoi che si adatti alla risoluzione dello schermo dovresti usare un template "fluido" come ad esmpio il ja_purity...

[Nuvola6]

Il punto è che lo sto costruendo...
Come si fa a renderlo fluido?

P.S. Grazie davvero per il confronto.

[ariess]

a questo non ti so rispondere...
prova a prendere spunto da un template fluido, vedi come è fatto. potresti trovare qualcosa di utile anche nel wiki di joomla. 

[ariess]

dai un'occhiata a questa guida, si parla di come creare template fluidi...

http://wiki.linussio.org/images/4/4c/Guidat.pdf

[Nuvola6]

Grazie di tutto ricdata. Sei stato gentilissimo.

[ariess]

di nulla... buon lavoro!!

 

[conti1]

ciao
scusate ma state facendo un cola brodo il post iniziale parla

background

che in teoria e il lo sfondo  del template
 e non di rendere fluido un template
x cui  sono due cose distinte teplate fluido e una cosa
ma se parlate di background di sfondo ben diversi che rendere fluido un template.
bisogna trovare  ho creare un script che adatti lo sfondo in base alla risoluzione  ma solo lo sfondo e non tutto il template.

[Nuvola6]

ciao
scusate ma state facendo un cola brodo il post iniziale parla

background

che in teoria e il lo sfondo  del template
 e non di rendere fluido un template
x cui  sono due cose distinte teplate fluido e una cosa
ma se parlate di background di sfondo ben diversi che rendere fluido un template.
bisogna trovare  ho creare un script che adatti lo sfondo in base alla risoluzione  ma solo lo sfondo e non tutto il template.

Conti1.... mi permetto di correggerti.
Non stiamo facendo un colabrodo.
Leggendo tutte le risposte, ti accorgerai che ho scritto:

In ogni caso, ora "allargo" ancora di più la questione:
se volessimo fare il resize dell'intero template e non solo del background?

Grazie per il tuo intervento.
Tu hai mai usato questo tipo di script?

[conti1]

prova questo  funziona a solo un piccolo problema lavora con libreria jquery e fa un po di casino con altri che hai istallato
io lo provato in locale e fa il suo lavoro

e semplice da usare hai 2 js  e li metti nella cartella js
html che trovi  copi lo script e lo incolli nel tuo php  del template   cambi l'indirizzo immagine con il tuo idem il percorso x richiamare i js

http://johnpatrickgiven.com/jquery/background-resize/

qualcuno sa il xche la jquery fa casino in joomla?

[tonicopi]

Ne abbiamo parlato anche qui:
http://forum.joomla.it/index.php/topic,86830.20.html
Ma alla fine ho abbandonato. Perchè un ogni caso non funzionava con adsense di google.
Qui puoi vedere un test:
http://www.joomlacsszengarden.com/prove/index.php?option=com_content&view=article&id=140&Itemid=61
 Io ti consiglio di optare per una unica grande immagine Nuvola6, diciamo di 1600 di larghezza, che sia decentemente visibile anche in tutte le altre risoluzioni minori. Così non avresti problemi di conflitti con altri script.