2010-12-15 4 views
1

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

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

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

ответ

2

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

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

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

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

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

Отлично, много людей (включая меня), должны учиться у вас, как писать читаемый код. – 2010-12-15 17:55:07