2011-09-12 6 views
2

私はイメージ(src/background-url)を変更できる関数を作成する必要があります。私はどのようにタグを識別することができるか知りたかった&それはsrcまたはURLを使用して画像にアクセスしている。
src/background-url /?

<div class="parent"> 
    <input type="button" class="change" style="background-image:url('image1.jpg')" /> 
    <img class="change" src="/image2.gif" /> 
</div> 

以前の私の質問があり、私は背景画像のURLを変更することができFNを書いたが、これfnは

$(function(){ 
    $('.change').click(function(){ 
     var url = getUrl_by_Ajax() /* this fn returns the file path */ 
     $(this).css('background',url); /* it can only change the background image not img src*/ 
    /* following line can change the src if this function knows already whether it's 
     src/url */ 
    $(this).attr('src', url); 
    }); 
}); 

< img> SRCを置き換えることができないとしましょう:

  1. セレクタのタグと画像のCSSについて動的に取得する方法
  2. 画像にアクセスする方法はいくつかあります。ボタンを使用url & imgはsrcを使用します。

    <input type="button" background-img: url('...'); />
    <img src= "...." />

    ? ? ?

+0

' "srcが"' CSSの小道具ではないですが。あなたは '.attr(" src "、url);'または '.prop(" src "、url);' –

+0

@Py:ohh yesを使うべきです。間違って申し訳ありません –

答えて

1

このような何か試してみてください:

$(function(){ 
    $('.change').click(function(){ 
     var url = getUrl_by_Ajax() /* this fn returns the file path */ 
     if ($(this).is('img')) 
      $(this).attr('src', url); 
     else 
      $(this).css('background', url); 
    }); 
}); 
+0

Mattさん、ありがとうございました。 –