イメージが表示されていません

Question

私は、動的にイメージを変更するはずの次のjquery関数を実行しました。問題は、jquery関数がないかのように何もしていないということです。 jquery関数は、関数を入力しなくても完全に無視されています。

私が使用したコーディングは以下のものです。

<asp:Content ID="Content1" ContentPlaceHolderID="stylesPlaceHolder" runat="server"> 
<script type="text/javascript"> 
    var index = 0; 
    var images = [ 
     'child.jpg', 
     'girl.gif', 
     'sponsor.jpg' 
    ]; 

    $('Image1').attr('src', 'Resources/ChildrenImages/' + images[0]); 

    setInterval(change_image, 5000); 

    $(document).ready(function() { 
     index++; 
     if (index >= images.length) index = 0; 

     $('Image1').attr('src', 'Resources/ChildrenImages/' + images[index]); 
    }); 
</script> 
</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="contentPlaceHolder" runat="server"> 
    <div> 
    <asp:Image ID="Image1" runat="server" Height="198px" Width="225px"/> 
    </div> 
</asp:Content> 

どのような問題が発生する可能性がありますか？

Answer 1

問題は、おそらく何も選択していないということです。

$('Image1') 

は

$('#Image1') 

する必要がありますあなたが設定したIDとレンダリング1（違いがあることにも注意してくださいこれはASP.netのClientIDです）、次のいずれかを使用する必要があります。

$('img[id$="Image1"]') //Select an image whose ID ends with 'Image1' 

スクリプト内のClientIDプロパティ。

Answer 2

は静的への画像のClientIDModeプロパティを設定し、他の解答ごとにjQueryの識別子は＃、＃画像1で開始する必要があります。