Vai al contenuto

Immagine di sfondo riadattabile

Riceviamo e volentieri pubblichiamo un plugin jQuery di un giovane webdesigner italiano, Domenico Falco, che permette di adattare l’immagine di sfondo di una pagina web alle dimensioni del browser, facendo in modo che quando quest’ultimo viene ridimensionato anche l’immagine si riadatti alle nuove dimensioni.

Di plugin di questo tipo ve ne sono molti, ma quasi tutti sono complessi da integrare nelle pagine.
ratiobg è veramente semplice da integrare: è sufficiente caricare jQuery, il plugin ratiobg ed il seguente codice

nell’head della pagina, non dimenticandosi di inserire nel foglio stile le seguenti istruzioni:

in modo che il tag img lavori come immagine di background.
E’ sufficiente poi inserire l’immagine da utilizzare come sfondo, attribuendole la classe resize.

ratiobg è veramente leggero (1,24 Kb, non compresso) e svolge egregiamente il suo lavoro, come potete vedere nella pagina di esempio che abbiamo montato per l’occasione https://www.jqueryitalia.org/tutorials/ratiobg.html.

Abbiamo testato il plugin in tutti i moderni browser (Firefox, Opera, Chrome, Safari e IE) senza riscontrare alcun problema.

[Download non trovato]

Scritto da jqueryitalia

Sito WEB: https://www.jqueryitalia.org

Contenuto non disponibile.
Per visualizzarlo, devi acconsentire all'utilizzo dei cookies cliccando su "ACCONSENTO" nel banner sottostante.

Questo sito utilizza i cookies, anche di terze parti: se chiudi questo banner, scorri la pagina o continui con la navigazione, tu ACCONSENTI all'utilizzo dei cookies. MAGGIORI INFORMAZIONI

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi