X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Проблема с Jquery, Помогите плллз срочно надо((
statMan
statMan
Topic Starter сообщение 17.10.2014, 18:29; Ответить: statMan
Сообщение #1


Новичок
*

Группа: User
Сообщений: 32
Регистрация: 1.10.2014
Поблагодарили: 1 раз
Репутация:   0  


Есть слайдер, не могу сделать автоматическое перелистование слайдов


$(document).ready(function() {

$(".slider").each(function () {
var obj = $(this);
$(obj).append("<div class='nav'></div>");
$(obj).find("li").each(function () {
$(obj).find(".nav").append("<span rel='"+$(this).index()+"'></span>");
$(this).addClass("slider"+$(this).index());

});
$(obj).find("span").first().addClass("on");
});
});
function sliderJS (obj, sl) { // slider function
var ul = $(sl).find("ul");
var bl = $(sl).find("li.slider"+obj);
var step = $(bl).width();
$(ul).animate({marginLeft: "-"+step*obj}, 500);
}
$(document).on("click", ".slider .nav span", function() { // slider click navigate
var sl = $(this).closest(".slider");
$(sl).find("span").removeClass("on");
$(this).addClass("on");
var obj = $(this).attr("rel");
sliderJS(obj, sl);
return false;
});



<div class="slider" style="float:left; border:1px solid #999;">
<ul>
<li><a href="#"><img src="{THEME}/images/1.png" alt=""></a></li>
<li><a href="#"><img src="{THEME}/images/2.png" alt=""></a></li>
<li><img src="{THEME}/images/3.png" alt=""></li>
<li><img src="i/4.jpg" alt=""></li>
<li><img src="i/5.jpg" alt=""></li>
</ul>
</div>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mmkulikov
mmkulikov
сообщение 18.10.2014, 12:58; Ответить: mmkulikov
Сообщение #2


Старожил
******

Группа: Active User
Сообщений: 2023
Регистрация: 21.9.2012
Из: СССР
Поблагодарили: 587 раз
Репутация:   68  


statMan, Зачем "велосипед" изобретаете. Есть проверенное, бесплатное и главное рабочее решение


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RostDidyk
RostDidyk
сообщение 19.10.2014, 0:28; Ответить: RostDidyk
Сообщение #3


Частый гость
**

Группа: User
Сообщений: 56
Регистрация: 31.3.2011
Поблагодарили: 3 раза
Репутация:   1  


Дорогой друг вынесите этот код в отдельную функцию:
Код
$(document).on("click", ".slider .nav span", function() { // slider click navigate
var sl = $(this).closest(".slider");
$(sl).find("span").removeClass("on");
$(this).addClass("on");
var obj = $(this).attr("rel");
sliderJS(obj, sl);
return false;
});


и активируейте его через setInterval задав время в секундах.


--------------------
Вы знаете, что более 80% посетителей, которые покидают Ваш сайт больше никогда не вернуться?
Конвертируйте Ваших посетителей в подписчиков и клиентов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Недорогие услуги - php/js/mysql/jquery/bootstrap
2 vlads 650 13.12.2017, 21:01
автор: vlads
Открытая тема (нет новых ответов) Веб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
18 qpPeW 3411 12.12.2017, 13:32
автор: qpPeW
Открытая тема (нет новых ответов) Frontend услуги (верстка, подключение jquery плагинов, кастомизация, написание скриптов)
услуги по frontend-разработке
15 FrontMaster 3215 25.11.2017, 13:46
автор: Stom
Открытая тема (нет новых ответов) Проблема индексации в Google
12 Saitcena 2949 22.11.2017, 17:34
автор: metvekot
Открытая тема (нет новых ответов) Проблема с 301 редиректом в htaccess
не срабатывает с (без www) на www
14 danc1r0k 1986 2.11.2017, 14:44
автор: vadosseo


 



RSS Текстовая версия Сейчас: 15.12.2017, 1:20
Дизайн