JQuery Fancy Box не всплывающее изображение

Question

Я хочу показать изображения по клику, используя плагин JQuery Fancy Box.

мои изображения исходят от вызова API.

 @foreach (var i in imageUrlList)
        {

            <a href="@i" class="star">
                <img src="@i" />
            </a>
        }

в приведенном выше коде @i имеет URL-адрес, например:

http://api.mysite.com/Assignment/GetAssignmentPic?userGuid=002536&pictureID=102001

когда я нажимаю на изображение, оно просто загружает изображение. Это не отображается в модальной коробке.

НО, если я поставлю изображение, которое находится в моей программе, оно работает как надо.

 @foreach (var i in imageUrlList)
        {

            <a href="@i" class="star">
                <img src="@i" />
            </a>
            <a href="~/Images/icons/bronzeStar.png" class="star"><img src="~/Images/icons/goldStar.png" /></a>
        }

в приведенном выше коде вторая ссылка работает нормально. Так что я предполагаю, что получение изображения из вызова API здесь не работает.

так есть ли обходной путь.. кто-нибудь сталкивался с этой проблемой раньше?