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
Сообщений: 2138
Регистрация: 21.9.2012
Из: СССР
Поблагодарили: 613 раз
Репутация:   71  


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 задав время в секундах.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыОцените сайт "бизнес, новости, право". В чем проблема?
22 Merzuka 3172 23.5.2018, 12:15
автор: nikolay_web
Открытая тема (нет новых ответов) Веб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
20 qpPeW 5756 30.4.2018, 15:34
автор: koroluk1990
Открытая тема (нет новых ответов) Недорогие услуги - php/js/mysql/jquery/bootstrap
2 vlads 1045 25.12.2017, 21:18
автор: xetedata
Открытая тема (нет новых ответов) Frontend услуги (верстка, подключение jquery плагинов, кастомизация, написание скриптов)
услуги по frontend-разработке
15 FrontMaster 3707 25.11.2017, 13:46
автор: Stom
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема выбора ниши для заработка
15 lektor2010 1576 11.4.2017, 21:18
автор: SeoKot


 



RSS Текстовая версия Сейчас: 27.5.2018, 2:16
Дизайн