слайдшоу в блоке
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: Архив раздела Проблемы со скриптами
Страница 1 из 1
слайдшоу в блоке
Вот по этой ссылке:
http://help.forum2x2.ru/t20438-topic#203411
Я бы хотела поставить это слайдшоу в блок над форумом, но проблема в том, что он должен быть либо в html либо в виджете, но блок у меня прописан в шаблоне overall_header.
Можно ли его как-то адаптировать?
http://help.forum2x2.ru/t20438-topic#203411
Я бы хотела поставить это слайдшоу в блок над форумом, но проблема в том, что он должен быть либо в html либо в виджете, но блок у меня прописан в шаблоне overall_header.
Можно ли его как-то адаптировать?
Re: слайдшоу в блоке
Это ставите в CSS
Это ставите в ваш блок
А это ставите в модуль Javascript
Отображение: На всех страницах
Результат
http://domovoy.forumy2x2.ru/
- Код:
/* оформление и размер блока */
#slider_cont {
background-color:#FFF;
border:2px solid #006699;
margin:5px;
width:670px!important;
padding:1px;
}
/* кнопка следующее изображение */
.bx-prev {
position:absolute;
top:45%;
left:1px;
width:31px;
height:31px;
text-indent:-999999px;
background:url(http://i40.servimg.com/u/f40/14/80/95/87/gray_p10.png) no-repeat 0 -30px;
}
/* кнопка предыдущее изображение */
.bx-next {
position:absolute;
top:45%;
right:1px;
width:31px;
height:31px;
text-indent:-999999px;
background:url(http://i40.servimg.com/u/f40/14/80/95/87/gray_n10.png) no-repeat 0 -30px;
}
/* для кнопок при наведении курсора */
.bx-next:hover,.bx-prev:hover {
background-position:0 0;
border:0;
}
Это ставите в ваш блок
- Код:
<script type="text/javascript" src="http://yourjavascript.com/21139232152/bxslider.min.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/11225442391/common.js"></script>
<center> <div id="slider_cont">
<div id="slider1">
<div><img src="http://ссылка на картинку"/></div>
<div><img src="http://ссылка на картинку"/></div>
<div><img src="http://ссылка на картинку"/></div>
<div><img src="http://ссылка на картинку"/></div>
<div><img src="http://ссылка на картинку"/></div>
<div><img src="http://ссылка на картинку"/></div>
</div>
</div></center>
А это ставите в модуль Javascript
Отображение: На всех страницах
- Код:
jQuery(document).ready(function(){
jQuery('#slider1').bxSlider({
auto: true, // true, false - автоматическая смена слайдов
speed: 600, // целое число - в милисекундах, скорость смены слайдов
pause: 4000, // целое число - в милисекундах, период между сменами слайдов
});
});
Результат
http://domovoy.forumy2x2.ru/
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: Архив раздела Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|