Как я могу показать изображение в лайтбоксе с помощью javascript?
Я работаю над vb.net проект.
MS Visual Studio 2008
Основа: 3.5
БД: MSSQL SERVER 2005
Мне нужно показать изображение в лайтбоксе с помощью javascript на домашней (по умолчанию) странице сайта. Например: когда пользователь попадает на сайт, то сначала автоматически показывает ему лайтбокс, который будет иметь изображение на странице загрузки домашней(по умолчанию) страницы сайта.
Так вот, у меня есть два файла, один из них ... jquery.lightbox.min.js "а другой -" jquery. lightbox.css".
Размер изображения: ширина X высота = 400 X 550 в формате JPG
Под тегом<head & gt; :
<сценарий тип="текст/яваскрипт" СРЦ="js/lightbox/jquery.lightbox.min.js"&ГТ;&ЛТ;/скрипт>
<ссылка отн="стилей" тип="текст/CSS в" с href="JS-файлы/лайтбокс/темы/по умолчанию/jQuery, которые.лайтбокс.Усс" /&ГТ;
А теперь, пожалуйста, подскажите мне, как мне поступить дальше?
Что я уже пробовал:
< html>
< голова>
<ссылка отн="стилей" тип="текст/CSS в" с href="JS-файлы/лайтбокс/темы/по умолчанию/jQuery, которые.лайтбокс.Усс" /&ГТ;
<сценарий тип="текст/яваскрипт" СРЦ="js/lightbox/jquery.lightbox.min.js"&ГТ;&ЛТ;/скрипт>
< script type= "text/javascript">
jQuery (документ).ready (функция ($){
$('.лайтбокс').лайтбокс();
});
< / script>
< / head>
& lt;тело>
&ЛТ;ИМГ СРЦ="img/JP-and-McGW.jpg" ширина="400 пикселей" высота="550px" АЛТ="" название="" /&ГТ;
< / body>
< / html>
F-ES Sitecore
Мы не знаем, какой плагин вы используете, поэтому не знаем, как его реализовать. Обратитесь к документам, для которых предназначен плагин, или выберите плагин lightbox самостоятельно и следуйте инструкциям.
Tarun Mittal Delhi
Уважаемый Эксперт,
Спасибо, что ответили на мой вопрос.
А теперь, пожалуйста, взгляните на код:
<ссылка отн="стилей" тип="текст/CSS в" с href="JS-файлы/лайтбокс/темы/по умолчанию/jQuery, которые.лайтбокс.Усс" /&ГТ;
<сценарий тип="текст/яваскрипт" СРЦ="js/lightbox/jquery.lightbox.min.js"&ГТ;&ЛТ;/скрипт>
< style type= "text/css">
. лайтбокс-граница
{
прокладка: 5px;
граница: сплошная 1px #EFEFEF;
}
. лайтбокс-граница: наведите курсор
{
границы: 1 пиксель твердых #СТС;
-moz-box-shadow: 1px 1px 5px #999;
- webkit-box-shadow: 1px 1px 5px #999;
коробка-тень: 1px 1px 5px #999;
}
< / стиль>
< script type= "text/javascript">
jQuery (документ).ready (функция ($){
$('.лайтбокс').лайтбокс();
});
< / script>
< div class= "лайтбокс">
в <!--&ЛТ;ИМГ СРЦ="img/JP-and-McGW.jpg" ширина="400 пикселей" высота="550px" АЛТ="" название="" /&ГТ;--&ГТ;
&ЛТ;ИМГ класс="лайтбокс границы" СРЦ="img/JP-and-McGW.jpg" ширина="400 пикселей" высота="550px" /&ГТ;
< / div>
Теперь проблема заключается в том, что...изображение отображается с помощью лайтбокса, но кнопка закрытия не отображается. И как я могу это сделать на событии pageload?
не могли бы вы мне помочь?
F-ES Sitecore
Какой плагин lightbox вы используете? Откуда вы скачали файлы сценариев?
Tarun Mittal Delhi
версия: 1.5.5
я не знаю этого места. Потому что я новичок в этом проекте, который был разработан каким-то другим программистом. Кроме того, эти плагины также используются в проекте on click event для отображения pdf-файлов и изображений.
F-ES Sitecore
Если вы не знаете, что такое плагин, вам будет трудно найти документацию. Возможно, кто-то узнает плагин по URL-адресам. Посмотрите на файл js и css, чтобы увидеть, есть ли комментарии, которые говорят, что является источником плагина.