Forum d'entraide PHPFrance

Salut a tous...
Actuellement je cherche a faire un script qui modifiera l'url des images en fonctions de la résolution d'affichage...
J'ai presque réussi mais je butte avec la fonction .each(), je récupère le data-nom="..." pour construire l'url mais seul celui de la 1ere image est pris en compte et pour le coup, toutes les images sont les mêmes...
Pouvez vous m'aider a comprendre svp ?
[javascript]
function choixIMG(width) {
width = parseInt(width);
imgNom = $(".resolution").data("nom");

$("img").each(function() {

if (width > 960) {
$(".resolution").attr("src", "http://localhost/Frenchoui/resolutions/img/" + imgNom);
}

});
}
[/javascript]
merci d'avance...

C'est bon, j'ai réussi:
[javascript]
var imgNom = $(".resolution");

imgNom.each(function() {
var data = $(this).data("nom");
if (width < 501) {
$(this).attr("src", "http://localhost/resolutions/img/img500/" + data);
}

else if ((width >= 501) && (width < 961)) {
$(this).attr("src", "http://localhost/resolutions/img/img960/" + data);
}

else if (width > 960) {
$(this).attr("src", "http://localhost/resolutions/img/" + data);
}
});
[/javascript]