Галерея фото в сообщениях

Mister1

Пользователь
Регистрация
02.03.13
Сообщения
234
Реакции
242
Баллы
28
Адрес
localhost
В общем. Расскажу как сделать увеличение картинок как здесь на форуме. Только здесь Highslide, а мы будем использовать две библиотеки: Quicksand и PrettyPhoto.

Установка:
1. Заливаем файлы.
2. В низ шаблона headinclude вставляем:
Код:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="clientscript/gallery/js/jquery.quicksand.js" type="text/javascript"></script>
<script src="clientscript/gallery/js/jquery.easing.js" type="text/javascript"></script>
<script src="clientscript/gallery/js/script.js" type="text/javascript"></script>
<script src="clientscript/gallery/js/jquery.prettyPhoto.js" type="text/javascript"></script>
<link href="clientscript/gallery/css/prettyPhoto.css" rel="stylesheet" type="text/css" />
3. Правим bb код , для это откроем файл class_bbcode.php

Ищем строчку:
[CODE]return '<img src="' . $link . '" border="0" alt="" />';[/CODE]

Меняем на:
[CODE]return '<a class="image-zoom" href="' . $link . '" rel="prettyPhoto[gallery]"><img src="' . $link . '" border="0" alt="" style="max-width: 400px; max-height: auto; cursor: url(clientscript/gallery/zoomin.cur), pointer !important;" /></a>';[/CODE]

Все.

[I]Автор: Mister[/I]
 

Вложения

  • gallery.zip
    84 KB · Просмотры: 12
Последнее редактирование:

Статистика форума

Темы
200.483
Сообщения
380.310
Пользователи
327.890
Новый пользователь
рикитики
Сверху Снизу