Previous and next in slide with ASp.net mvc and jquery -
i have slide.there main img main image , many small icon.when user click small icon show in main image
<div class="hotel-galeri"> <div class="galeri-ust"> <img src="@model.images[0].url" style="width:auto !important;height:auto !important" class="galeri-show" id="imgshower"/> </div> <div class="galeri-alt"> //for small icon @for (var hotelimageindex = 0; hotelimageindex < math.min(model.images.count, 20); hotelimageindex++) { <div class="galeri-item"> <img src="@model.images[hotelimageindex].thumbnailurl" onclick="$('#imgshower').attr('src', '@model.images[hotelimageindex].url');" onmouseover="$('#imgshower').attr('src', '@model.images[hotelimageindex].url');"/> </div> } </div> </div> i want add next , previous icon.so added
<img style="width:30px;height:31px;margin-top:-11px" src="~/content/images/prev.png"/> <img style="width:30px;height:31px;margin-top:-11px;margin-left:411px" src="~/content/images/next.png"/> but how can handle next or previous image on main image? need likes this
$('#imgshower').attr('src', 'next item.....
Comments
Post a Comment