[FAQ] Прикручиваем HighSlide для вложений

07-04-2009, 01:39 PM

Здравствуйте, уважаемые вобловцы.

Искал FAQ чтобы прикрутить HighSlide для вложений, не нашел, и пришлось писать свой.

HighSlide - мощная библиотека, для просмотра изображений.

Установка:

1. Распаковать папку highslide из архива в папку clientscript, которая находится в корне вашего форума.
2. В шаблоне headinclude :
Найти:

HTML Code:

<link rel="alternate" type="application/rss+xml" title="$vboptions[bbtitle] - $foruminfo[title_clean] - RSS Feed" href="external.php?type=RSS2&amp;forumids=$foruminfo[forumid]" />
    </if>
</if>

И добавить ниже:

HTML Code:

<if condition="THIS_SCRIPT == 'showthread' OR THIS_SCRIPT == 'showpost'">
<script type="text/javascript" src="clientscript/highslide/highslide-with-gallery.packed.js"></script>
<link rel="stylesheet" type="text/css" href="clientscript/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'clientscript/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;

// Add the controlbar
hs.addSlideshow({
    //slideshowGroup: 'group1',
    interval: 5000,
    repeat: false,
    useControls: true,
    fixedControls: 'fit',
    overlayOptions: {
        opacity: .75,
        position: 'bottom center',
        hideOnMouseOut: true
    }
});
</script></if>

3. В шаблоне postbit_attachmentthumbnail
Найти:

HTML Code:

  rel="Lightbox_$post[postid]"

Заменить на :

HTML Code:

  class="highslide" onclick="return hs.expand(this)"

Готово

Скрин:

07-04-2009, 01:52 PM

Красивая штуковина. С удовольствием установил

Благодарю.

07-07-2009, 06:27 PM

Спасибо огромно два дня парился как это сделать :(
А ты тут все по полочкам расставил респект

07-07-2009, 06:42 PM

Чтоб скрипт не выполнялся везде лучше заключить его в условие

Code:

<if condition="THIS_SCRIPT == 'showthread' OR THIS_SCRIPT == 'showpost'">
</if>

т.е. будет выглядеть так

Code:

<if condition="THIS_SCRIPT == 'showthread' OR THIS_SCRIPT == 'showpost'">
<script type="text/javascript" src="clientscript/highslide/highslide-with-gallery.packed.js"></script>
<link rel="stylesheet" type="text/css" href="clientscript/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'clientscript/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;

// Add the controlbar
hs.addSlideshow({
    //slideshowGroup: 'group1',
    interval: 5000,
    repeat: false,
    useControls: true,
    fixedControls: 'fit',
    overlayOptions: {
        opacity: .75,
        position: 'bottom center',
        hideOnMouseOut: true
    }
});
</script>
</if>

такой способ используется при установке лайтбокса

07-10-2009, 08:57 PM

оно сильно будет нагружать сервер/бд форума ?

07-10-2009, 09:09 PM

fantasy4fun, причем здесь бд и сервер? оно будет юзаться только на компьютере клиента.

07-11-2009, 12:30 AM

Quote:

Originally Posted by GiveMeABreak

3. В шаблоне postbit_attachmentthumbnail Найти:

Code:

rel="Lightbox_$post[postid]"

у меня этого нет в postbit_attachmentthumbnail

Только:

Code:

<a href="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&amp;d=$attachment[dateline]"<if condition="$show['newwindow']"> target="_blank"</if>><img class="thumbnail" src="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&amp;stc=1&amp;thumb=1&amp;d=$attachment[thumbnail_dateline]" border="0" alt="<phrase 1="$attachment[filename]" 2="$attachment[counter]" 3="$attachment[filesize]" 4="$attachment[attachmentid]">$vbphrase[image_larger_version_x_y_z]</phrase>" /></a>
&nbsp;<if condition="$show['br']"><br /><br /></if>

Как быть ?

07-11-2009, 02:04 AM

Quote:

Как быть ?

Обновить версию форума =).
а так, у меня нет под рукой старых версий форума, а качать, я на лимитном инете

07-11-2009, 02:35 AM

Rustle, пробуй

Code:

<a href="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&amp;d=$attachment[dateline]"<if condition="$show['newwindow']"> target="_blank" class="highslide" onclick="return hs.expand(this)" id="attachment$attachment[attachmentid]"</if>><img class="thumbnail" src="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&amp;stc=1&amp;thumb=1&amp;d=$attachment[thumbnail_dateline]" border="0" alt="<phrase 1="$attachment[filename]" 2="$attachment[counter]" 3="$attachment[filesize]" 4="$attachment[attachmentid]">$vbphrase[image_larger_version_x_y_z]</phrase>" /></a>
&nbsp;<if condition="$show['br']"><br /><br /></if>

07-11-2009, 05:26 AM

TAIFUN,

ура

Rustle добавил 11.07.2009 в 04:26
только он стал цеплять все картинки.. а как сделать что бы только из аттач ? а то у меня HS IMG Tag Resize теги [img] обрабатывает .. а теперь все стал цеплять HighSlide