Дизайн принадлежит администрации сайта VSEpodrad.ru.
Администрация не несет ответственности за содержимое на нашем портале.
Администратор: .
|
Меню сайта
Смотри и качай бесплатно
Опрос сайта
Реклама
Онлайн пользователи
Онлайн всего: 9
Гостей: 9
Пользователей: 0
Раздел в разработке
VSEpodrad.ru
В разработке!
На сайт добавлено файлов
Карусель картинок для Dominion
Карусель картинок для Dominion
Карусель картинок, демо можете наблюдать у меня на сайте. Скрипт берет картинки из модуля фотоальбом.
Установка:
Создаем информер: Фотоальбомы · Материалы · В случайном порядке · Материалы: 20 · Колонки: 20
Вставляем в информер код:
Code
<div class="panel" align="center"><div style=" background:#282828; border-top:1px solid #303030;border-right:1px solid #222222;border-bottom:1px solid #222222;border-left:1px solid #222222;padding: 4px 4px 4px 4px;color:#999;"><a href="$PHOTO_URL$"><img src="$PHOTO_DIRECT_URL$" height="80" width="110"
border="0"/></div></a></div>
border="0"/></div></a></div>
На страницах где будет стоять карусель между:
Code
<!-- Демо --> <!-- /Демо -->
Ставим код:
Code
<style type="text/css" media="screen">
.stepcarousel {position: relative;overflow: scroll;width: 920px;height: 104px;}
.stepcarousel .belt {position: relative;left: 0;top: 0;}
.stepcarousel .panel {float: left;overflow: hidden;margin-right: 6px;margin-top: 1px;}
.stepcarousel .panel img {width: 100px; height: 80px;}
</style>
<script type="text/javascript" src="/js/stepcarousel.js"></script>
<div align="center">
<div id="mygallery" class="stepcarousel">
<div class="belt">
<!-- СЛАЙДШОУ -->
$MYINF_XX$
</div>
</div>
<!-- /СЛАЙДШОУ -->
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery',
beltclass: 'belt',
panelclass: 'panel',
autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:300, wraparound:false, persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['/images/left.png', -35, -1], rightnav: ['/images/right.png', 5, -1]},
statusvars: ['statusA', 'statusB', 'statusC'],
contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>
</div>
.stepcarousel {position: relative;overflow: scroll;width: 920px;height: 104px;}
.stepcarousel .belt {position: relative;left: 0;top: 0;}
.stepcarousel .panel {float: left;overflow: hidden;margin-right: 6px;margin-top: 1px;}
.stepcarousel .panel img {width: 100px; height: 80px;}
</style>
<script type="text/javascript" src="/js/stepcarousel.js"></script>
<div align="center">
<div id="mygallery" class="stepcarousel">
<div class="belt">
<!-- СЛАЙДШОУ -->
$MYINF_XX$
</div>
</div>
<!-- /СЛАЙДШОУ -->
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery',
beltclass: 'belt',
panelclass: 'panel',
autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:300, wraparound:false, persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['/images/left.png', -35, -1], rightnav: ['/images/right.png', 5, -1]},
statusvars: ['statusA', 'statusB', 'statusC'],
contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>
</div>
$MYINF_XX$ меняем на свой созданный информер!
Скачиваем архив и заливаем файлы в одноименные папки.
Вы сейчас просматриваете Карусель картинок для Dominion. Данный файл находится в категории Для шаблона Dominion. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Для шаблона Dominion. Для того чтобы скачать Карусель картинок для Dominion нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Карусель картинок для Dominion и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.
| Всего комментариев: 0 | |
