MVC, отображать список изображений асинхронно с помощью AJAX / JQUERY

У меня есть сайт, где я загружаю список изображений (эскизов) из базы данных. Проблема в том, что изображения отображаются довольно медленно, так как получение каждого эскиза с помощью Url.Action занимает довольно много времени (при прохождении всего конвейера MVC).

Поэтому я хотел бы загружать изображения асинхронно с помощью Ajax & JQUERY при отображении стандартного загрузочного изображения (ajaxloag.info) для каждого изображения, пока оно не будет загружено. Подобный вопрос был поднят здесь , но мне нужен более полный пример, поскольку я новичок в MVC и JQUERY.

Заранее благодарим

Представление (partialView)

// Foreach product, display the corresponding thumbnail
<% foreach (var p in Model)
   { %>
.
.

    " alt=""  />

Контроллер

public ActionResult Thumbnail(string productId)
        {
            try
            {
                Guid pid = new Guid(productId);
                byte[] thumbnailData = _productsRepository.GetProductThumbnail(pid);
                if (thumbnailData != null)
                {
                    return File(thumbnailData, "image/jpg");
                }
                else
                {
                    return File(@"../Content/missingproduct.png", "image/jpg");
                }
            }
            catch (Exception e)
            {
                throw e;
            }
        }

ОБНОВЛЕНИЕ - Родительское представление, содержащее Javascript