0 / 0 / 0
Регистрация: 28.11.2013
Сообщений: 62
1

Добавление слайдов в слайдер через Ajax

31.01.2016, 21:32. Показов 679. Ответов 0

Студворк — интернет-сервис помощи студентам
Привет народ.Подскажите, есть слайдер.

HTML5
1
2
3
4
5
6
7
8
div id="carousel">
      <a href="#"><img src="images/1.jpg" id="item-1" /></a>
      <a href="#"><img src="images/2.jpg" id="item-2" /></a>
      <a href="#"><img src="images/3.jpg" id="item-3" /></a>
      <a href="#"><img src="images/4.jpg" id="item-4" /></a>
      
    </div>
    <a href="#" id="prev">Prev</a> | <a href="#" id="next">Next</a>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$(document).ready(function () {
        var carousel = $("#carousel").waterwheelCarousel({
          flankingItems: 3,
         
        });
 
        $('#prev').bind('click', function () {
          carousel.prev();
          return false
        });
 
        $('#next').bind('click', function () {
          carousel.next();
          return false;
        });
 
        $('#reload').bind('click', function () {
          newOptions = eval("(" + $('#newoptions').val() + ")");
          carousel.reload(newOptions);
          
          return false;
        });
 
      });
Пытаюсь , изменять в нем слайды , без перезагрузки страницы.
Есть кнопки на сайте, нажимаю, отправляется запрос ajax , получает новые картинки (в консоле смотрю ответ)
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="carousel3">
      
      <a href="#"><img src="http://wp2/lp/wp-content/themes/Uzor-treyd/images/5.jpg" id="item-5" /><
/a>
      <a href="#"><img src="http://wp2/lp/wp-content/themes/Uzor-treyd/images/6.jpg" id="item-6" /><
/a>
      <a href="#"><img src="http://wp2/lp/wp-content/themes/Uzor-treyd/images/7.jpg" id="item-7" /><
/a>
      <a href="#"><img src="http://wp2/lp/wp-content/themes/Uzor-treyd/images/8.jpg" id="item-8" /><
/a>
      <a href="#"><img src="http://wp2/lp/wp-content/themes/Uzor-treyd/mages/9.jpg" id="item-9" /></a
>
    </div>
    <a href="#" id="prev">Prev</a> | <a href="#" id="next">Next</a>
Но слайдер не работает...
Сделал кнопку для теста (Запускать функцию carousel.reload(); )
Жму на нее , так же ни чего не происходит.
Подскажите в чем беда?
Вот сайт слайдера
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
31.01.2016, 21:32
Ответы с готовыми решениями:

Как создать слайдер с возможным динамическим добавлением новых слайдов
Не получается создать слайдер с возможным динамическим добавлением новых слайдов. В интернете...

Подскажите как интегрировать скрипт смены слайдов по времени в уже готовый слайдер
Добрый день. Подскажите как интегрировать скрипт смены слайдов в уже готовый слайд. Имеется...

Ajax загрузка формы из загруженного через ajax блока
Вообщем, через ajax в блок подгружается форма, из нее нужно загрузить в этот же блок др.контент....

плагин-слайдер с переключением слайдов
Вкладки переключаются только врчную. Кнопками. Образец баннер вверху у &quot;стаханова&quot;. ...

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
31.01.2016, 21:32
Помогаю со студенческими работами здесь

Slick слайдер, реализация количества слайдов
Не знал куда именно, в какую тему отписать у меня задача есть $('.slider-feed').slick({...

Добавление и редактирование записей БД через AJAX
Добрый день. Имеется БД, и форма php, которая позволяет выводить базу на экран, добавлять записи,...

Добавление записи в MySQL по IMG кнопке через AJAX без перезагрузки формы
Пытаюсь сделать добавление записи в MySQL через нажатие собственной IMG кнопки в форме через AJAX....

Программное добавление слайдов (в PP 2010 нет записи макроса)
Нужно создать прогу в которой выбирается количество слайдов определенного макета, который выбрал...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2023, CyberForum.ru