Discussion :

[whitePaper]

Bonjour,

Le but de mon script est de récupérer tous les liens img > data-src et de remplacer /img/image01.jpg en /img/mobile/01.jpg quand la taille d'écran est inférieur à 720px width.

ce code marche j'ai bien la liste des liens dans la console

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$('img').each(function(){
      test = $(this).attr('data-src');
      console.log(test);
    });

mais si je met replace ca ne marche pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).attr('data-src').replace("img/","img/mobile/");

Uncaught TypeError: Cannot read property 'replace' of undefined
at HTMLImageElement.<anonymous> (monscript.js:11)
at Function.each (jquery.min.js:2)
at r.fn.init.each (jquery.min.js:2)
at HTMLDocument.<anonymous> (monscript.js:10)
at j (jquery.min.js:2)
at k (jquery.min.js:2)

[SpaceFrog]

on peut voir le html de ta balise image ?

si elle on réellement un data-src ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).data( 'src',  $(this).data('src').replace("jpg","png") );

[whitePaper]

merci pour la reponse, Bah bien sur vu qu'il me les affichent dans la console.

Dans mon index j'ai des img sans src juste des data-src qui servent pour lazyload. Mais osef.

Ton code fait la même erreur, replace n'est pas reconnu. Jai vu sur d'autres forum qu'il faut rajouter val() partout.. ca ne fait plus d'erreur mais rien ne marche.

[SpaceFrog]

L'erreur n'est pas dans le replace ...
Mais dans le fait que l'objet sur lequel tu essayes de l'appliquer n'existe pas .

Il va falloir nous montrer un peu plus de code en situation

[whitePaper]

Je ne vois pas ce que je peux montrer de +,

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="js/lightbox.min.js"></script>
<script type="text/javascript" src="js/jquery.unveil.js"></script>

monscript.js est dans le footer, donc après le body, et après tous les scripts :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
$( document).ready(function() {
 
    $('img').each(function(){
      test = $(this).attr('data-src');
      console.log(test);
    });

La console m'affiche bien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
img/conseil.jpg
etc
etc

et le index.php contient des :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

<img alt="" data-src="img/conseil.jpg"/>

[NoSmoking]

Bonjour,
quand on utilise ce sélecteur $('img') TOUTES les balises <img> sont récupérées même celles qui non pas de data-src donc cela peut planter.

Il serait donc plus judicieux de faire un requête du type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$("img[data-src]").each(function(){
  test = $(this).attr("data-src");
  console.log(test);
});

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$('img[data-src]').each(function(){
  test = $(this).data('src');
  console.log(test);
});