отображать изображение с помощью лайтбокса с использованием MVC - PullRequest
Новая
       5

отображать изображение с помощью лайтбокса с использованием MVC

0 голосов
/ 27 апреля 2011

Я пытаюсь отобразить увеличенное изображение с помощью миниатюры с помощью лайтбокса, но оно не работает.

В моем макете: 

<link rel="Stylesheet" href="@Url.Content("~/Content/css/lightbox.css")" media="screen" />
<script type="text/javascript" src="@Url.Content("~/Content/js/prototype.js")" />
<script type="text/javascript" src="@Url.Content("~/Content/js/scriptaculous.js?load=effects,builder")" />
<script type="text/javascript" src="@Url.Content("~/Content/js/lightbox.js")" />

Тогда, на мой взгляд, где находится миниатюра: 

@{
Layout = "~/CustomViews/abc.net/Shared/_DealerLayout.cshtml";

} 

<td>
            <a href="@Url.Content("~/Content/Custom/abc.net/Images/fylerlarge.jpg")" rel="lightbox">
                <img src="@Url.Content("~/Content/Custom/abc.net/Images/fylersmall.jpg")" alt="Flyer1" />
            </a>
        </td>

Изображениянеобходимые для лайтбокса находятся в папке images в каталоге содержимого.

В моем файле lightbox.js так настроены изображения. 

fileLoadingImage: '/images/loading.gif',
fileBottomNavCloseImage: '/images/closelabel.gif'

В моем lightbox.css вот такустановлены предыдущая и следующая ссылки: 

#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

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

...