открытие изображений через скрипт fancybox
Выглядеть работа этого скрипта будет примерно так:
Вложение:
Комментарий к файлу: пример работы скрипта
bbcode_fancybook.png [ 807.05 КБ | Просмотров: 36 ] bbcode_fancybook.png
bbcode_fancybook.png [ 807.05 КБ | Просмотров: 36 ] bbcode_fancybook.png
Кого заинтересовало - ставим так:
Скачать скрипт:
скачать из архива сайта
Распаковать, загрузить папку 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" />Найти
Код: Выделить всё
</head>Перед найденным вставить
Код: Выделить всё
<!------------------- 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 можно подредактировать внешний вид...