|
Как прикрутить галерею highslide на форум и модули, $IMAGE1$
|
|
| [1] likbezz [29.05.2012, 06:52] |
Всё примерно так же как и с галереей iload
Как прикрутить галерею iload на форум и модули, $IMAGE1$ (Скрипт вызова галереи для кодов $IMAGE1$ для юкоз)
Идем на сайт разработчика - highslide.com/download.php скачиваем нужную версию, распаковываем архив, закидываем папку highslide в корень сайта, вместе со вложенными папками, и подключаем это дело к сайту.
Для того что бы подключить, идем в ПУ » Управление дизайном » Глобальные блоки » Верхний глобальный блок.
В самый низ добавляем:
Code <link rel="stylesheet" type="text/css" href="/highslide/highslide.css"/>
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="/highslide/highslide-ie6.css" /><![endif]-->
<script type="text/javascript" src="/highslide/highslide-with-gallery.min.js"></script>
<script type="text/javascript">
hs.graphicsDir = '/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.numberPosition = 'caption';
hs.dimmingOpacity = 0.5;
</script>
Где, ссылки до файлов и пути, прописываем свои, до ваших файлов и папок, если они отличаются от стандартных.
Для того что бы скрипт обрабатывал прикреплённые с помощью операторов $IMAGE1$ картинки, идем в шаблон «Вид материала и комментариев к нему» и во все остальные где нужно обрабатывать прикреплённые изображения.
Можно просто в глобальный блок нижний.
И добавляем туда скрипт обработчик.
Если в шаблоне, то сразу после оператора $BODY$ если в глобальный блок Нижний, то в самый низ:
Code <script type="text/javascript">
$(document).ready(function(){
$("div.eMessage a[title^='Нажмите'],td.eText a[title^='Нажмите'],td.posttdMessage a[title^='Нажмите']").addClass('highslide').removeAttr('target').click(function(){
return hs.expand(this);
});
});
</script>
Или вот так:
Code <script type="text/javascript" src="http://likbezz.ru/_source/_js/ext/_highslideInit.js"></script>
Данный скрипт НЕЛЬЗЯ вставлять в шаблон «Вид материалов»
Этот обработчик ищет ссылки с титле «Нажмите ... » и вешает на них функцию вызова галереи.
☑ Пример работы галереи: Как прикрутить галерею highslide на форум и модули, $IMAGE1$ |
|
| [2] Tonich [01.06.2012, 15:52] |
Галерею поставил, скрипт тоже, но только вот картинки всё равно открываются в новом окне сайт
Я так понимаю всё дело в target="blank", а вот как его убрать не пойму |
|
| [3] likbezz [01.06.2012, 16:45] |
Tonich, Quote (Tonich) Я так понимаю всё дело в target="blank", а вот как его убрать не пойму
Не совсем.
Уберите просто лишнее:
Code if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});
- это не нужно, у вас нет слайдшоу.
Или ставьте полную версию: highslide-full.js |
|
| [4] Tonich [01.06.2012, 17:01] |
|
Дело в том, что слайдшоу работало в других модулях))) правда ссылки приходилось вручную добавлять. делема какая-то либо то, либо другое, сейчас highslide-full.js попробую |
|
| [5] likbezz [01.06.2012, 17:05] |
Tonich, Quote (Tonich) что слайдшоу работало в других модулях)
Ну уберите только для форума - на форуме все равно слайдшоу нет )
Target бланк я прописал в скрипт, так что не из-за этого. |
|
| [6] Tonich [01.06.2012, 17:07] |
|
В общем форум работает только без слайдшоу, когда слайдшоу включаю снова в новом окне картинки открываются. А вообще реально ли скриптом атрибут target убрать? |
|
| [7] likbezz [01.06.2012, 17:08] |
Tonich, Quote (Tonich) А вообще реально ли скриптом атрибут target убрать?
Quote (likbezz) Target бланк я прописал в скрипт, так что не из-за этого.
Да, реально. Уже убран. |
|
| [8] Tonich [01.06.2012, 17:16] |
|
Спасибо за помощь, отсутствие слайдшоу не критично |
|
| [9] likbezz [01.06.2012, 17:41] |
Tonich, Quote (Tonich) отсутствие слайдшоу не критично
Тем более на форуме. Можно ведь и через условие прописать )
Code <?if(!$MODULE_ID$='forum')?> код слайдшоу <?endif?> |
|
| [10] Tonich [01.06.2012, 18:49] |
Quote (likbezz) Можно ведь и через условие прописать )
Это да, но слайдшоу работает только, если ссылки вручную добавлять с divами и всеми классами, а без слайдшоу работает через $image$ - отсюда и делема если надо слайдшоу, то добавляй картинки вручную, а если не хочешь вручную, то обойдёшься без слайдов  Я к тому, что в других модулях сайта тоже используется highslide и если вставлять картинки через $image$, то всё равно слайдшоу работать не будет
Кстати странно почему превьюшка исчезает когда на неё уже ткнул и открылось большое изображениеДобавлено (01.06.2012, 18:49)
---------------------------------------------
С превьюшкой решил, надо в блок запихивать, тогда не исчезает <div class="highslide-gallery"> $image$</div> |
|