[4.0.x] HighSlide Resizer от КиберМамы

08-21-2010, 12:51 PM

- Используется хайслайд последней версии 4.1.9
- Используются более лёгкие packed-версии скриптов
- Добавлено много интересных настроек
- Скрипт подгружается только на тех страницах, где это необходимо
**тут был скрин, он умер**

- Не ресайзит картинки между тегами [attach][/attach] (только миниатюры). Сделать можно, но либо хлопотно либо с правкой файла
- Работа на VbCMS не тестировалась и не гарантируется

08-21-2010, 01:06 PM

Сейчас на локалке проверю. Демка бы не помешала

08-21-2010, 01:09 PM

Тиджик, демка - http://highslide.com#examples

08-21-2010, 01:57 PM

Cybermama, Минимальная ширина картинки без ресайза. Не работает. Вписал размер 150, что бы картинки меньше этого размера не ресайзелись, а получилось вот что:

**тут был скрин, он умер**

08-21-2010, 02:40 PM

В последней строке настроек правильно написать так -

Quote:

Во избежание загрузки скрипта на лишних страницах перечислите через запятую локации THIS_SCRIPT страниц на которых НЕ использовать хак . Или оставьте пустым чтобы использовать везде

На VbCMS хак работать не будет, можно и не тестировать.

08-21-2010, 03:04 PM

Тиджик, меньшие не ресайзятся, но да, всё равно хайслайдятся. В принципе как убрать мысль есть. вечером попробую.

vasiljok3,

Quote:

В последней строке настроек правильно написать так -
Цитата:
Во избежание загрузки скрипта на лишних страницах перечислите через запятую локации THIS_SCRIPT страниц на которых НЕ использовать хак . Или оставьте пустым чтобы использовать везде

Там всё правильно написано, перечислить - на которых Использовать хак.

08-21-2010, 03:12 PM

Quote:

Originally Posted by Cybermama

Там всё правильно написано, перечислить - на которых Использовать хак.

У меня в случае если перечислен blog, хак в блогах не работает. Включается, только когда строка остается пустой. Версия форума 4.03

08-21-2010, 03:14 PM

vasiljok3, добавь ешё entry

08-21-2010, 03:16 PM

Quote:

Originally Posted by Cybermama

vasiljok3, добавь ешё entry

Когда не работает, стоит значение по умолчанию, blogentry присутствует.

08-21-2010, 03:34 PM

Спасибо за хак. В следующей версии пожалуйста исправте:

Ширина всплывающего окна (писк) на Ширина всплывающего окна (пикс)

И для xhtml valid 1.0 в продукте:

HTML Code:

<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.showCredits = false;
hs.align = '{vb:raw vboptions.hs_popuppos}';
hs.allowSizeReduction = true;
<vb:if condition="$vboptions[hs_popupw] AND $vboptions[hs_popuph]">
hs.useBox = true;
hs.width = {vb:raw vboptions.hs_popupw};
hs.height = {vb:raw vboptions.hs_popuph};
</vb:if>
<vb:if condition="$vboptions[hs_dim]>0">
hs.dimmingOpacity = 0.{vb:raw vboptions.hs_dim};
hs.fadeInOut = true;
</vb:if>
hs.transitions = ['expand', 'crossfade'];
hs.numberPosition = 'caption';
hs.allowMultipleInstances = false;
 hs.outlineType = '{vb:raw vboptions.hs_style}';
hs.blockRightClick = {vb:raw vboptions.hs_noclick};
<vb:if condition="$vboptions[hs_type]==0">hs.registerOverlay({
	html: '<div class="closebutton" onclick="return hs.close(this)" title="Закрыть"></div>',
	position: 'top right',
	useOnHtml: true,
	fade: 2 // fading the semi-transparent overlay looks bad in IE
});</vb:if>
<vb:if condition="$vboptions[hs_type]>0">
if (hs.addSlideshow) hs.addSlideshow({
	//slideshowGroup: 'group1',
	interval: 5000,
	repeat: false,
	useControls:<vb:if condition="$vboptions[hs_icon]!=none"> true,<vb:else />false,</vb:if>
	fixedControls: 'fit',
	overlayOptions: {
<vb:if condition="$vboptions[hs_icon] AND $vboptions[hs_icon]!=none">className: '{vb:raw vboptions.hs_icon}',</vb:if>
		opacity: '1',
		position: '{vb:raw vboptions.hs_iconpos}',
		hideOnMouseOut: true
	}<vb:if condition="$vboptions[hs_type]==2">,
thumbstrip: {
		mode: '{vb:raw vboptions.hs_orientprew}',
		position: '{vb:raw vboptions.hs_prewpos}',
		relativeTo: <vb:if condition="$vboptions[hs_prewpos]=='above' OR $vboptions[hs_prewpos]=='below' OR $vboptions[hs_prewpos]=='leftpanel' OR $vboptions[hs_prewpos]=='rightpanel'">'image'<vb:else />'viewport'</vb:if>
	}

</vb:if>
});
</vb:if>
</script>

замените на:

HTML Code:

<script type="text/javascript">
<!--
hs.graphicsDir = 'highslide/graphics/';
hs.showCredits = false;
hs.align = '{vb:raw vboptions.hs_popuppos}';
hs.allowSizeReduction = true;
<vb:if condition="$vboptions[hs_popupw] AND $vboptions[hs_popuph]">
hs.useBox = true;
hs.width = {vb:raw vboptions.hs_popupw};
hs.height = {vb:raw vboptions.hs_popuph};
</vb:if>
<vb:if condition="$vboptions[hs_dim]>0">
hs.dimmingOpacity = 0.{vb:raw vboptions.hs_dim};
hs.fadeInOut = true;
</vb:if>
hs.transitions = ['expand', 'crossfade'];
hs.numberPosition = 'caption';
hs.allowMultipleInstances = false;
 hs.outlineType = '{vb:raw vboptions.hs_style}';
hs.blockRightClick = {vb:raw vboptions.hs_noclick};
<vb:if condition="$vboptions[hs_type]==0">hs.registerOverlay({
	html: '<div class="closebutton" onclick="return hs.close(this)" title="Закрыть"></div>',
	position: 'top right',
	useOnHtml: true,
	fade: 2 // fading the semi-transparent overlay looks bad in IE
});</vb:if>
<vb:if condition="$vboptions[hs_type]>0">
if (hs.addSlideshow) hs.addSlideshow({
	//slideshowGroup: 'group1',
	interval: 5000,
	repeat: false,
	useControls:<vb:if condition="$vboptions[hs_icon]!=none"> true,<vb:else />false,</vb:if>
	fixedControls: 'fit',
	overlayOptions: {
<vb:if condition="$vboptions[hs_icon] AND $vboptions[hs_icon]!=none">className: '{vb:raw vboptions.hs_icon}',</vb:if>
		opacity: '1',
		position: '{vb:raw vboptions.hs_iconpos}',
		hideOnMouseOut: true
	}<vb:if condition="$vboptions[hs_type]==2">,
thumbstrip: {
		mode: '{vb:raw vboptions.hs_orientprew}',
		position: '{vb:raw vboptions.hs_prewpos}',
		relativeTo: <vb:if condition="$vboptions[hs_prewpos]=='above' OR $vboptions[hs_prewpos]=='below' OR $vboptions[hs_prewpos]=='leftpanel' OR $vboptions[hs_prewpos]=='rightpanel'">'image'<vb:else />'viewport'</vb:if>
	}

</vb:if>
});
</vb:if>
//-->
</script>

и

HTML Code:

<style>
.highslide-wrapper, .highslide-outline {
	background: #{vb:raw vboptions.hs_bg};
}
.highslide img {
	border: 0px solid #D0D0D0;
text-align:left;
        padding:4px;
}

.highslide-image {
	border: 2px solid #{vb:raw vboptions.hs_bord};
}
.highslide-controls {
	position: static !important;
	margin-bottom: 0;
	width: 195px !important;
}
.highslide-thumbstrip-vertical img {
	max-width: 50px;
        max-height: 50px;
}
</style>

на

HTML Code:

<style type="text/css">
.highslide-wrapper, .highslide-outline {
	background: #{vb:raw vboptions.hs_bg};
}
.highslide img {
	border: 0px solid #D0D0D0;
text-align:left;
        padding:4px;
}

.highslide-image {
	border: 2px solid #{vb:raw vboptions.hs_bord};
}
.highslide-controls {
	position: static !important;
	margin-bottom: 0;
	width: 195px !important;
}
.highslide-thumbstrip-vertical img {
	max-width: 50px;
        max-height: 50px;
}
</style>

stwan добавил 21.08.2010 в 14:34
У меня в блоге работает, версия 4.0.6