N3CRO
Участник
- Сообщения
- 285
- Реакции
- 44
Привет житель древнего форума, с каждым днём на этом форуме становиться всё скучнее и скучнее, помоги мне и моим друзьям развить данный форум, достаточно всего нажать на одну из этих кнопок.
(В нижнем баре)
Сейчас я покажу как можно сделать вот такой баннерный слайдер:
В корне сайта заходим в папку style и открываем файл style.css
Дальше ищем там слово "HEADER" и после этого слова вставляем это:
Для просмотра скрытого содержимого необходимо Войти или Зарегистрироваться.(В нижнем баре)
Сейчас я покажу как можно сделать вот такой баннерный слайдер:
В корне сайта заходим в папку style и открываем файл style.css
Дальше ищем там слово "HEADER" и после этого слова вставляем это:
Далее выбираем место где будем ставить слайдер и пишем следующий код:
Скрытое содержимое для зарегистрированных пользователей!
<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>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#slider1').bxSlider({
auto: true, // true, false - автоматическая смена слайдов
speed: 1000, // целое число - в милисекундах, скорость смены слайдов
pause: 5500, // целое число - в милисекундах, период между сменами слайдов
});
});
</script>
<script type="text/javascript" src="http://yourjavascript.com/11225442391/common.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#slider1').bxSlider({
auto: true, // true, false - автоматическая смена слайдов
speed: 1000, // целое число - в милисекундах, скорость смены слайдов
pause: 5500, // целое число - в милисекундах, период между сменами слайдов
});
});
</script>
И ниже этого когда вставляем следующий код:
Скрытое содержимое для зарегистрированных пользователей!
<div id="slider_cont">
<div class="bx-wrapper" style="width:560px; position:relative;"><div class="bx-window" style="position:relative; overflow:hidden; width:560px;"><div id="slider1" style="width: 999999px; position: relative; left: -1680px;"><div style="width: 560px; float: left; list-style: none;"><img src="img/ежа.png"></div>
<div class="pager" style="width: 560px; float: left; list-style: none;"><img src="img/нюша.png"></div>
<div class="pager" style="width: 560px; float: left; list-style: none;"><img src="img/сова.png"></div>
<div class="pager" style="width: 560px; float: left; list-style: none;"><img src="img/бараш.png"></div>
<div class="pager" style="width: 560px; float: left; list-style: none;"><img src="img/кар.png"></div>
<div class="pager" style="width: 560px; float: left; list-style: none;"><img src="img/лося.png"></div>
<div class="pager" style="width: 560px; float: left; list-style: none;"><img src="img/ежа.png"></div>
<div style="width: 560px; float: left; list-style: none;"><img src="img/нюша.png"></div></div></div><a href="" class="bx-prev">prev</a><a href="" class="bx-next">next</a></div>
</div>
<div class="bx-wrapper" style="width:560px; position:relative;"><div class="bx-window" style="position:relative; overflow:hidden; width:560px;"><div id="slider1" style="width: 999999px; position: relative; left: -1680px;"><div style="width: 560px; float: left; list-style: none;"><img src="img/ежа.png"></div>
<div class="pager" style="width: 560px; float: left; list-style: none;"><img src="img/нюша.png"></div>
<div class="pager" style="width: 560px; float: left; list-style: none;"><img src="img/сова.png"></div>
<div class="pager" style="width: 560px; float: left; list-style: none;"><img src="img/бараш.png"></div>
<div class="pager" style="width: 560px; float: left; list-style: none;"><img src="img/кар.png"></div>
<div class="pager" style="width: 560px; float: left; list-style: none;"><img src="img/лося.png"></div>
<div class="pager" style="width: 560px; float: left; list-style: none;"><img src="img/ежа.png"></div>
<div style="width: 560px; float: left; list-style: none;"><img src="img/нюша.png"></div></div></div><a href="" class="bx-prev">prev</a><a href="" class="bx-next">next</a></div>
</div>
Там где нюша.png,сова.png,бараш.png и т.д. вставляем свои ссылки на картинки