animation d'Images dans une page .aspx

Bonjour,

j'ai une page .aspx et une fonction javascript.
mon probleme et le suivant: je veux alimenter une liste d'image pour l'utiliser au niveau du javascript.
merci pour votre aide.

.aspx page

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
 
@model IEnumerable<LounasAuto.Models.Car>
 @foreach (var item in Model)
{
@Html.DisplayFor(modelItem => item.Photo)
 
// Remplir la liste ici (au lieu de la hardcoder)  puis l’utiliser au niveau du javascript
 String[] imagesList =  new String[] {"/Uploads/CarImage/NissanAltima.png", 
                      "/Uploads/CarImage/Picture of me 2.png", 
                      "/Uploads/CarImage/hyundai-elantra.jpg"      };
 
         }
 
 
 <div id="slider" style="width:50px; height:30px">
        <p>jQuery Slide show</p>
        <img id="img1" src="/Images/backMain.jpg" alt="imageSlider" />      
    </div>
    <script language="javascript" type="text/javascript">
 
        var interval = 3000; // time interval after which next image will load
 
        var i = 1; // default index of the image from the array that will be shown by default
        setInterval(ChangeImages, interval); // timer that will run after every interval
 
        // function that will change the images
        function ChangeImages() {
            if (i == imagesList.length) { i = 0; }
            $("#img1").slideUp('slow', function () { $(this).attr('src', imagesList[i]); i++; }).slideDown('slow');
        }
 
</script>