Фильтр по:
  

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как прикрутить галерею highslide на форум и модули, $IMAGE1$ (Скрипт вызова галереи highslide для кодов $IMAGE1$ для юкоз)
Как прикрутить галерею highslide на форум и модули, $IMAGE1$
Дата: Вторник, 29.05.2012, 06:52 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Всё примерно так же как и с галереей 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$


 
Дата: Пятница, 01.06.2012, 15:52 |
Tonich
Рядовой
Группа: Проверенные
Сообщений: 8
Награды: 0
Репутация: 0
Статус: Offline


Галерею поставил, скрипт тоже, но только вот картинки всё равно открываются в новом окне сайт
Я так понимаю всё дело в target="blank", а вот как его убрать не пойму


 
Дата: Пятница, 01.06.2012, 16:45 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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


 
Дата: Пятница, 01.06.2012, 17:01 |
Tonich
Рядовой
Группа: Проверенные
Сообщений: 8
Награды: 0
Репутация: 0
Статус: Offline


Дело в том, что слайдшоу работало в других модулях))) правда ссылки приходилось вручную добавлять. делема какая-то либо то, либо другое, сейчас highslide-full.js попробую

 
Дата: Пятница, 01.06.2012, 17:05 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Tonich,
Quote (Tonich)
что слайдшоу работало в других модулях)

Ну уберите только для форума - на форуме все равно слайдшоу нет )
Target бланк я прописал в скрипт, так что не из-за этого.


 
Дата: Пятница, 01.06.2012, 17:07 |
Tonich
Рядовой
Группа: Проверенные
Сообщений: 8
Награды: 0
Репутация: 0
Статус: Offline


В общем форум работает только без слайдшоу, когда слайдшоу включаю снова в новом окне картинки открываются. А вообще реально ли скриптом атрибут target убрать?

 
Дата: Пятница, 01.06.2012, 17:08 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Tonich,
Quote (Tonich)
А вообще реально ли скриптом атрибут target убрать?

Quote (likbezz)
Target бланк я прописал в скрипт, так что не из-за этого.

Да, реально. Уже убран.


 
Дата: Пятница, 01.06.2012, 17:16 |
Tonich
Рядовой
Группа: Проверенные
Сообщений: 8
Награды: 0
Репутация: 0
Статус: Offline


Спасибо за помощь, отсутствие слайдшоу не критично

 
Дата: Пятница, 01.06.2012, 17:41 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Tonich,
Quote (Tonich)
отсутствие слайдшоу не критично

Тем более на форуме. Можно ведь и через условие прописать )
Code
<?if(!$MODULE_ID$='forum')?> код слайдшоу <?endif?>


 
Дата: Пятница, 01.06.2012, 18:49 |
Tonich
Рядовой
Группа: Проверенные
Сообщений: 8
Награды: 0
Репутация: 0
Статус: Offline


Quote (likbezz)
Можно ведь и через условие прописать )

Это да, но слайдшоу работает только, если ссылки вручную добавлять с divами и всеми классами, а без слайдшоу работает через $image$ - отсюда и делема если надо слайдшоу, то добавляй картинки вручную, а если не хочешь вручную, то обойдёшься без слайдов crazy Я к тому, что в других модулях сайта тоже используется highslide и если вставлять картинки через $image$, то всё равно слайдшоу работать не будет
Кстати странно почему превьюшка исчезает когда на неё уже ткнул и открылось большое изображение

Добавлено (01.06.2012, 18:49)
---------------------------------------------
С превьюшкой решил, надо в блок запихивать, тогда не исчезает <div class="highslide-gallery"> $image$</div>

 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как прикрутить галерею highslide на форум и модули, $IMAGE1$ (Скрипт вызова галереи highslide для кодов $IMAGE1$ для юкоз)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия