info navigation

phpbb-belk.ru

темы, связанные с форумом phpbb 3.0.x



Новая тема  [ 1 сообщение ]  Просмотры: 682

Автор Сообщение
Не в сети
(Андрей)  
Администратор
Аватара пользователя

Стаж: 8 лет 8 месяцев 22 дня
Сообщения: 1223
Откуда: здешние мы


Стиль: subsilver2


Репутация: 11


Russia

Тиц и PR

перейти на сайт пользователя
Найти темы пользователя


открытие изображений через скрипт fancybox

Выглядеть работа этого скрипта будет примерно так:

открытие изображений через скрипт fancybox

Кого заинтересовало - ставим так:

Скачать скрипт:

Вложение:
Комментарий к файлу: скрипт fancybox
tracker.rar [51.68 КБ]
Скачиваний: 35


Распаковать, загрузить папку tracker в корень сайта (где находится файл config.php).

Открыть ваш стиль/template/overall_header.html

Найти

Код: Выделить всё

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />


Вставить после найденного

Код: Выделить всё

<link rel="stylesheet" type="text/css" href="{ROOT_PATH}tracker/addons/fancybox/jquery.fancybox-1.3.4.css" media="screen" />




Найти



Перед найденным вставить

Код: Выделить всё

<!------------------- fancybooks on ---------------------------->   

<script type="text/javascript" src="{ROOT_PATH}tracker/addons/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="{ROOT_PATH}tracker/addons/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
      $("a.photo").fancybox({
         transitionIn: 'elastic',
         transitionOut: 'elastic',
         speedIn: 500,
         speedOut: 500,
         hideOnOverlayClick: false,
         titlePosition: 'over'
      });
   });
</script>

<!------------------- fancybooks end ---------------------------->



Теперь прописываем bbcode:

Использование BBCode:

Код: Выделить всё

[imgf]{URL}[/imgf]


Замена HTML:

Код: Выделить всё

<a rel="gallery" class="photo" href="{URL}" title=""><img src="{URL}" width="200" alt="" class="fancyborder" /></a>


Подсказка:

Код: Выделить всё

открытие картинки через fancybox: [imgf]ссылка[/imgf]


Вроде бы всё...

применение:
в bbcode width="200" показывает размер открытия миниатюр.
в файле jquery.fancybox-1.3.4.css можно подредактировать внешний вид...


трёхголовый белк семейства рептилоидов:
"три головы - хорошо, на как же трудно придти к согласию..."
bbcode,fancybox,phpbb,forum
Показать сообщения за:  Поле сортировки  
Ответить на тему  [ 1 сообщение ] 

Кто сейчас на сайте:

Всего посетителей: 1, из них зарегистрированных: 0, скрытых: 0 и гостей: 1 (основано на активности пользователей за последние 5 минут)
Больше всего посетителей (122) здесь было 19 дек 2023, 12:10

Сейчас этот раздел просматривают: нет зарегистрированных пользователей и гости: 1

Часовой пояс: UTC + 2 часа



Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения
Вы не можете защищать свои темы паролем

Найти:
Перейти:  




cron

Текущее время: 14 июн 2024, 07:15

Создано на основе phpBB® Forum Software © phpBB Group
Яндекс.Метрика

Полная версия Мобильный вид