Jquery Image Swap onLoad

Question

Я хочу изменить источник набора изображений класса для атрибута заголовка каждого изображения.Есть ли более простой способ сделать это?

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

Но это не работает правильно.

Answer 1

Не будет, потому что вы получаете заголовок только с первого изображения.Попробуйте что-то вроде этого:

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

Answer 2

Вот простой рабочий пример: http://jsfiddle.net/SwcYK/

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

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