Спасибо за мод.
Только получается у меня такая картинка:
Подскажите как картинки выровнять в один ряд и поставить их на место.
Делал все как написано в первом посту.
В файле header_global.tpl вписал:
PHP:
<script type="text/javascript" src="./highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="./highslide/highslide.css" />
{literal}<script type="text/javascript">
hs.graphicsDir = '../highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
hs.dimmingOpacity = 0.8;
hs.outlineType = 'rounded-white';
hs.captionEval = 'this.thumb.alt';
hs.marginBottom = 105; // make room for the thumbstrip and the controls
hs.numberPosition = 'caption';
// Add the slideshow providing the controlbar and the thumbstrip
hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
overlayOptions: {
className: 'text-controls',
position: 'bottom center',
relativeTo: 'viewport',
offsetY: -60
},
thumbstrip: {
position: 'bottom center',
mode: 'horizontal',
relativeTo: 'viewport'
}
});
</script>{/literal}
И в файл highslide.config.js
PHP:
hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'custom';
hs.dimmingOpacity = 0.75;
hs.fadeInOut = true;
hs.align = 'center';
hs.marginBottom = 105;
hs.captionEval = 'this.a.title';
// Add the slideshow controller
hs.addSlideshow({
slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: false,
overlayOptions: {
className: 'text-controls',
opacity: 1,
position: 'bottom center',
offsetX: 0,
offsetY: -60,
relativeTo: 'viewport',
hideOnMouseOut: false
},
thumbstrip: {
mode: 'horizontal',
position: 'bottom center',
relativeTo: 'viewport'
}
});
// Russian language strings
hs.lang = {
cssDirection: 'ltr',
loadingText: 'Загружается...',
loadingTitle: 'Нажмите для отмены',
focusTitle: 'Нажмите чтобы поместить на передний план',
fullExpandTitle: 'Развернуть до оригинального размера',
creditsText: 'Использует <i>Highslide JS</i>',
creditsTitle: 'Перейти на домашнюю страницу Highslide JS',
previousText: 'Предыдущее',
nextText: 'Следующее',
moveText: 'Переместить',
closeText: 'Закрыть',
closeTitle: 'Закрыть (esc)',
resizeTitle: 'Изменить размер',
playText: 'Слайдшоу',
playTitle: 'Начать слайдшоу (пробел)',
pauseText: 'Пауза',
pauseTitle: 'Приостановить слайдшоу (пробел)',
previousTitle: 'Предыдущее (стрелка влево)',
nextTitle: 'Следующее (стрелка вправо)',
moveTitle: 'Переместить',
fullExpandText: 'Оригинальный размер',
number: 'Изображение %1 из %2',
restoreTitle: 'Нажмите чтобы закрыть изображение, нажмите и перетащите для изменения местоположения. Для просмотра изображений используйте стрелки.'
};
// gallery config object
var config1 = {
slideshowGroup: 'group1',
numberPosition: 'caption',
transitions: ['expand', 'crossfade']
};
Не могу никак загнать на место картинки, и чтоб показывало только в один ряд. :stena:
Помогите, плиз.....
