Слайдер для сайта

  • Автор темы N3CRO
  • Дата начала
N3CRO
Участник
Сообщения
285
Реакции
44
Привет житель древнего форума, с каждым днём на этом форуме становиться всё скучнее и скучнее, помоги мне и моим друзьям развить данный форум, достаточно всего нажать на одну из этих кнопок.
(В нижнем баре)


Сейчас я покажу как можно сделать вот такой баннерный слайдер:


В корне сайта заходим в папку 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>


И ниже этого когда вставляем следующий код:

Скрытое содержимое для зарегистрированных пользователей!
<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>


Там где нюша.png,сова.png,бараш.png и т.д. вставляем свои ссылки на картинки​
 
BURS
Участник
Сообщения
116
Реакции
6
Полезно)
 
Viktor
Участник
Сообщения
734
Реакции
113
а как скачать? написано надо 50 сообщений, а у меня их больше, но все-равно не возможно скачать.
 
Viktor
Участник
Сообщения
734
Реакции
113
или просто копировать чтоль?
 
fhjktrdf
Участник
Сообщения
144
Реакции
10
Вот бы выложили бы до того как я начал делать. Пришлось самому все сделать=)
 
xico
Участник
Сообщения
3
Реакции
0
кому нужна помощь, пишите, поговорим помогу...
 
Сверху