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

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -

How to provide Authorization & Authentication using Asp.net, C#? -