CSS/JS : Mettre une image en background en 100%
Il n’est pas possible en n’utilisant que le CSS, de mettre une image de fond qui se redimentionne en fonction de la taille de la fenêtre. Par contre c’est faisable en utilisant un peu de Javascript.
Voir la démo ici : image de fond qui s’adapte à la taille du navigateur.
Dans les entêtes html, incluez JQuery et le fichier resizeImage.js
Modifiez le fichier resizeImage, pour modifier le src de l’image et mettre celui de votre image.
$(document).ready(function()
{
$('body').prepend('
');
resizeImage();
$(window).bind('resize', function()
{
resizeImage();
});
}
);
function resizeImage()
{
var windowW = $(window).width();
$("#bg").width(windowW);
}
C’est tout !





Par Loic
où doit-on placer la deuxième partie du code ? Doit-on aussi renommer src= »img/1.jpg » et mettre l’url du background image ?
Par tanguy
je ne comprend pas ou doi je metre c est code merci pour votre reponse