изображения не отображаются

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, который вы установили и оказанной один (который является ClientID в ASP.net), поэтому вы должны либо использовать:

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

Или обратитесь к Свойство ClientID в вашем скрипте.

Answer 2

Установите свойство ClientIDMode изображения на статический, и согласно другому ответу, JQuery Identifier должен начинаться с #, # Image1.