How to loop image details in array with prev/next functionality?

See more:

Javascript

HTML

jQuery

Hi,

In my html page provided "Search" function, based on "search" images will be display in thumbnails. Every image have different details. When i click 1st image details will be displaying. I want to provide "Next and Previous" (Using Next and Previous hyperlinks) function.

I used array list and kept "alert" also, it displaying total images number.

  var data = artistDS.data();
// for (var i = 0; i <= data.length; i++) {

  alert(data.length);
   alert(data[0].ListingID);
var listingids = new Array();
 for (i = 0; i < data.length; i++) {
listingids[i] = data[i].ListingID;
 alert(i);
  }

How to do this?

Thanks and Regards,
Krishna