слайдшоу в блоке

автор Linet Октябрь 9th 2013, 21:00

Вот по этой ссылке:
https://help.forum2x2.ru/t20438-topic#203411
Я бы хотела поставить это слайдшоу в блок над форумом, но проблема в том, что он должен быть либо в html либо в виджете, но блок у меня прописан в шаблоне overall_header.
Можно ли его как-то адаптировать?

автор Домовой Октябрь 9th 2013, 22:32

Это ставите в CSS

Код:: /* оформление и размер блока */ #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/

автор Linet Октябрь 10th 2013, 14:23

Спасибо большое, спасли))

слайдшоу в блоке

слайдшоу в блоке

Re: слайдшоу в блоке

Re: слайдшоу в блоке