11548 sujets

JavaScript, DOM et API Web HTML5

Hello,

je cherche à modifer le background du body en fonction de la taille de la fenêtre. Pas de problème à l'arrivée sur la page, ni à la redimension en duplicant le code dans un $(window).resize(). La question, c'est comment nommer la première fonction et la faire appeler lors d'un $(window).resize() ? J'ai tenté plusieurs écritures, sans réussite.

Voici mon code (1ère fonction marche, seconde action n'appelle pas la 1ère fonction).

<script>
$(document).ready(function SizeBack (){
var WinWidth = $(window).width();
$(".debuG").html(WinWidth);
if (WinWidth > 1600) {
$("body").css("background-image","url('img/red.jpg')");
}
else
{
$("body").css("background-image","url('img/green.jpg')");
}
});
$(window).resize(function(){
function SizeBack ();
});
</script>

Modifié par JimmyWJimmy (14 Nov 2011 - 14:38)
voilà qui a fait le trick pour moi

<script>
$(document).ready(function (){
$.SizeBack = function () {
var WinWidth = $(window).width();
$(".debuG").html(WinWidth);
if (WinWidth > 1600) {
$("body").css("background-image","url('img/red.jpg')");
}
else
{
$("body").css("background-image","url('img/green.jpg')");
}
};
$.SizeBack();
});
$(window).resize(function(){
$.SizeBack();
});
</script>


bonne journée,