Home / Programmazione / Javascript - AJAX / jQuery fullBG e Internet Explorer 8
Mattepuffo

jQuery fullBG e Internet Explorer 8

jQuery fullBG e Internet Explorer 8

jQuery fullBg è un plugin per jQuery che permette di usare una immagine come sfondo a tutto schermo.

Il plugin si occuperà in automatico di ridimensionare l'immagine a seconda della grandezza della finestra del browser.

Testato con successo su Firefox, Safari, Chrome e Internet Explorer 9.

Non funziona invece su Opera, e su IE8 da un piccolo problema.

Il problema di IE8 è che al primo caricamento il plugin non viene avviato; bisogna rinfrescare la pagina.

Possiamo, però facilmente risolvere con un piccolo hack che non comporta problemi con gli altri browser.

Il codice di base è questo:

$(document).ready(function() {
    $('#imgFullBg').fullBg();
});

Per farlo funzionare anche su IE8 basta impostare un minoscolo ritardo; sostituite il codice sopra con questo:

$(document).ready(function() {
   $("#imgFullBg").css('visibility','hidden');
    setTimeout(function() {
        $("#imgFullBg").fullBg();
        $("#imgFullBg").css('visibility', 'visible');
    },
    180
    );
});

Prima tramite le regola CSS nascondiamo l'immagine.

Poi impostiamo un timeout con un valore molto piccolo, e dentro al timeout richiamiamo la libreria fullBg e reimpostiamo la visibilità dell'immagine.