Установка плагина Highslide в Галерею от JoteRuso
1) качаем архив, распаковываем в корень форума
2)по пути /forum/style/prosilver/template/ открываем файл "overall_header.html"
находим строчку
- Код: Выделить всё
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
- Код: Выделить всё
<link href="./highslide/highslide.css" rel="stylesheet" type="text/css" media="screen, projection" />
находим строчку
- Код: Выделить всё
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
- Код: Выделить всё
<script type="text/javascript" src="./highslide/easing_equations.js"></script>
<script type="text/javascript" src="./highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="./highslide/highslide.config.js" charset="utf-8"></script>
вуаля, скрипт установлен.
4)
- как добавить скрипт к вложенным изображениям
- (на денвере понадобился другой код, не знаю почему, на моем форуме функционирует отлично)
находите файл и открываете файл "attachment.html", который находится по пути /forum/styles/prosilver/template/
находим строчки- Код: Выделить всё
<!-- IF _file.S_THUMBNAIL -->
<div class="highslide-gallery">
<a href="{_file.U_DOWNLOAD_LINK}/{_file.DOWNLOAD_NAME}" class="highslide" onclick="return hs.expand(this, config1)"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a>
<div class="highslide-heading"></div>
<!-- IF _file.COMMENT --><div class="allattach"><em>{_file.COMMENT}</em></div><!-- ENDIF -->
</div>
<!-- ENDIF -->
заменяем на- Код: Выделить всё
<!-- IF _file.S_THUMBNAIL -->
<div class="highslide-gallery">
<a href="{_file.U_DOWNLOAD_LINK}/{_file.DOWNLOAD_NAME}" class="highslide" onclick="return hs.expand(this, config1)"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a>
<div class="highslide-heading"></div>
<!-- IF _file.COMMENT --><div class="allattach"><em>{_file.COMMENT} </em></div><!-- ENDIF -->
</div>
<!-- ENDIF -->
5)
- как добавить скрипт к стандартному bb-коду [img][\img]
- находим и открываем файл "bbcode.php" который расположен по пути /forum/includes/
находим строчку- Код: Выделить всё
'img' => '<img src="$1" alt="' . $user->lang['IMAGE'] . '" />',
- Код: Выделить всё
'img' => '<a href="$1" class="highslide" onclick="return hs.expand(this, config1 )"><img src="$1" style="max-width: 400px;" alt="' . $user->lang['IMAGE'] . '" title="' . $user->lang['IMAGE'] . '" /></a>',
6)
- если просто хотим вставить фотографию со скриптом в страницу
- на месте где хотим вставить фотографию прописываем такой код
- Код: Выделить всё
<div class="highslide-gallery">
<ul>
<li>
<a href="http://увеличенное_изображение" class="highslide"
title="подпись по увеличенной фотографией"
onclick="return hs.expand(this, config1 )">
<img src="http://уменьшенное_изображение" alt=""/>
</a>
</li>
</ul> </div>
PS: за всё говорим спасибо Sumanai
Если у вас не заработало пишите, возможно я что-то пропустил.