Приветствую.В этой инструкции я подробно опишу метод внедрения скрипта
FACEBOX в фотогалерею.
Для начала объясню что это такое.
Модальное окно, в данном случае, используется для просмотра большого оригинала изображения. Это всплывающий слой с большим изображением, появляющийся после нажатия на маленькое изображение.
Пример работы скрипта можно увидеть здесь
http://defunkt.io/facebox/ кликнув на ссылку с надписью "View 'images/stairs.jpg' in the Facebox".
И так, теперь несколько простых шагов:1. Скачиваем дистрибутив скрипта FACEBOX со встроенным набором функций jQuery. 2. Распаковываем архив. Файлы:
facebox.css, facebox.js, jquery.js, loading.gif, closelabel.png закачиваем через панель управления
Загрузка файлов3. Идем в
Настройки сайта, и в поле
Метатеги прописываем следующий код:
Код:
<link href="/file/ваш_логин/facebox.css" media="screen" rel="stylesheet" type="text/css" />
<script src="/file/ваш_логин/jquery.js" type="text/javascript"></script>
<script src="/file/ваш_логин/facebox.js" type="text/javascript"></script>
<script type="text/javascript">
if( ~location.href.indexOf('foto') )
jQuery(document).ready(function($) {
$('a[target*=_blank]').facebox({
loadingImage : '/file/ваш_логин/loading.gif',
closeImage : '/file/ваш_логин/closelabel.png'
})
})
</script>
заменяя
ваш_логин (ваш_логин.okis.ru)
Если испытываете трудности со вставкой этого кода в поле
Метатеги - вставьте туда сначала такой код:
Код:
<meta name="Generator" content="okis.ru">
нажмите кнопку
Изменить, а уже потом добавляйте к этому коду вышеописанный.
4. Идём в фотогалерею и, наслаждаясь работой скрипта, мысленно благодарим автора скрипта и меня
Изменить функционал скрипта FACEBOX Вы можете заюзав поиск в
группе рассылки FACEBOXС чувством удовлетворения, ваш Z.