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 lutiliser 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> |
Partager