Ciao,
uso il seguente script che si appoggia a jquery per ottenere un risultato di ridimensionamento dell'immagine che uso come sfondo (mantenendo l'altezza a tutta pagina). Funziona bene, solo che non riesco a far rimanere l'immagine al centro della finestra, si allinea a sx (non ci riesco nemmeno via css). Mi potete aiutare con javascript? E' possibile?
Grazie
codice:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
$(function() {
var theWindow = $(window),
$bg = $("#bg"),
aspectRatio = $bg.width() / $bg.height();
function resizeBg() {
if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
$bg
.removeClass()
.addClass('bgheight');
} else {
$bg
.removeClass()
.addClass('bgheight');
}
}
theWindow.resize(function() {
resizeBg();
}).trigger("resize");
});
</script>