В общем. Расскажу как сделать увеличение картинок как здесь на форуме. Только здесь Highslide, а мы будем использовать две библиотеки: Quicksand и PrettyPhoto.
Установка:
1. Заливаем файлы.
2. В низ шаблона headinclude вставляем:
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]
Установка:
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" />
Ищем строчку:
[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]
Вложения
Последнее редактирование: