Jquery Image Swap onLoad

Question

Je souhaite changer le src d'un ensemble d'images d'une classe en attribut title de chaque image. Y a-t-il un moyen plus facile de faire cela?

<img src="" title="images/1.png" class="images" /> 
    <img src="" title="images/2.png" class="images" /> 
    <img src="" title="images/3.png" class="images" /> 
    <img src="" title="images/4.png" class="images" /> 
    <img src="" title="images/5.png" class="images" /> 
<script> 
    $(function(){ 
    var newImage = $(this).attr('title') 
    $('.images').attr(src, ''+ newImage +''); 
    }); 
</script> 

Mais cela ne fonctionne pas correctement.

Answer 1

Ce n'est pas le cas, car vous obtenez le titre de la première image. Essayez quelque chose comme ceci:

$(function() { 
    $('img.images').each(function() { 
    var $this = $(this); 
    $this.attr('src', $this.attr('title')); 
    } 
}); 

Answer 2

Voici un exemple de travail simple: http://jsfiddle.net/SwcYK/

$(function() 
{ 
    var $images = $("img.images"); 

    for (var i = 0; i < $images.length; i++) 
    { 
     $images[i].src = $images[i].title; 
    } 
});