2010-12-15 14 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

優れた、(私を含め)多くの人が読み取り可能なコードを書く方法をあなたから学ぶ必要があります。 –

+0

私は文の前にこれを書こうとしましたが、変数$ images lolに[i]を使っていました。これは多くのおかげで助けになりました! –

+0

@エリック私は一見すると何をしようとしているのかを覚えておくのが簡単なように書こうとしています。ときどき私たちが上品でトリッキーなコードに書いてしまうと、戻ってきて一見したことを思い出すのが難しくなることがあります。 @Adamお手伝いしてうれしい! – spinon