[résolu] Modifier les url des images avec jQuery

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [résolu] Modifier les url des images avec jQuery

Re: Modifier les url des images avec jQuery

par juliette » 02 sept. 2013, 20:03

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]

[résolu] Modifier les url des images avec jQuery

par juliette » 02 sept. 2013, 17:24

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...