1

次のコードを使用して、Wordpress の jquery スライダーのサムネイル ページャーに画像を読み込んでいます。これは問題なく機能しますが、問題は、巨大な画像を使用し、それらのサイズを小さなサイズに変更することです。これにより、ページの読み込みが遅くなります。そのため、関数でカスタム画像サイズを作成しました。これにより、 slide-181x86.jpg という新しい小さな画像が作成されます。私の質問は、jquery の最後の行を変更して、jpg の末尾ではなく、URL の末尾に -181x86 を追加するにはどうすればよいですか? 私は明らかに正しくないslide.jpg-181x86を取得し続けます。

私はこれで自殺してきました。どんな助けでも大歓迎です。

<script type="text/javascript">
jQuery(function() {
jQuery('.homeslider').cycle({
    speed:  'fast',
    timeout: 7000,
    fx: 'fade',
  slideResize: false,
containerResize: false,
fit:1,
    pager:  '#slitemshome',
    pagerAnchorBuilder: function(idx, slide) {
return '<li><a href="#"><img src="'
    + jQuery(slide).find('img').attr('src')
    + '" width="181" height="86" /></a></li>'; 
}
});
});
</script>

編集：

関数の後にこれをやろうとしました

jQuery('#slitemshome img').attr('src', function(){this.src.replace('.jpg', '-181x86.jpg')})

そして、それはURLに対して何もしていないようです。うーん

4

1 に答える 1

1

これはうまくいくはずです：

$('img').each(function() {
    $(this).attr('src', $(this).attr('src').replace(/\.jpg/, '-181x86.jpg'));
});

http://jsfiddle.net/charlescarver/3hLH4/

imgもともと、すべての変数を検索し、末尾を削除して.jpg末尾に追加するつもりでしたが、代わりに を-181x86.jpgに置き換えてみませんか?.jpg-181x86.jpg

PS最後に追加されたプレースホルダー画像がないため、JSFiddle画像は機能しません-181x86.jpg。

于 2012-08-31T00:45:01.780 に答える