2

次の例では、js を使用して親指を大に置き換えたいと思います

から：

<ul id="slide">
<li><img src="pathtoimg/thumbs/imagename.jpg" /></li>
<li><img src="pathtoimg/thumbs/imagename2.jpg" /></li>
</ul>

に ：

<ul id="slide">
<li><img src="pathtoimg/large/imagename.jpg" /></li>
<li><img src="pathtoimg/large/imagename2.jpg" /></li>
</ul>

それを達成するために、次のjsコードを使用しました

 $(window).load(function(){
 var images = $("#slide li img");
 for(var i = 0; i < images.length; i++)
{
var img = images[i];
var src = img.src.replace("thumbs","large");
img.src = src;
}
  });

上記のコードは最新のブラウザーでは問題なく動作しますが、Internet Explorer 7 および 8では行 : 0 でスタック オーバーフローが返されます。上記のエラーを取得せずに、リスト内の img の src を置き換える他の方法はありますか?

前もって感謝します。

4

2 に答える 2

5

このようにしてみてください

$(document).ready(function(){

    $("#slide > li > img").each(function(){ 
        var t = $(this);
        var src = t.attr('src');
        if(!src || typeof(src)!=='string') return;
        t.attr('src',src.replace('/thumbs/','/large/'));
    }); 

});
于 2012-07-24T15:22:51.893 に答える
1

これを試して

$(window).load(function(){
$("#slide li img").each(function(){
$(this).attr("src",$(this).attr("src").replace("thumbs","large"));
});
});
于 2012-07-24T15:23:18.320 に答える