Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Добавление слайдов в слайдер через Ajax (https://javascript.ru/forum/misc/61017-dobavlenie-slajjdov-v-slajjder-cherez-ajax.html)

REI555 31.01.2016 21:46

Добавление слайдов в слайдер через Ajax
 
Привет народ.Подскажите, есть слайдер.

div id="carousel">
      <a href="#"><img src="http://www.cyberforum.ru/images/1.jpg" id="item-1" /></a>
      <a href="#"><img src="http://www.cyberforum.ru/images/2.jpg" id="item-2" /></a>
      <a href="#"><img src="http://www.cyberforum.ru/images/3.jpg" id="item-3" /></a>
      <a href="#"><img src="http://www.cyberforum.ru/images/4.jpg" id="item-4" /></a>
      
    </div>
    <a href="#" id="prev">Prev</a> | <a href="#" id="next">Next</a>

$(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 , получает новые картинки (в консоле смотрю ответ)
<div id="carousel">
      
      <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(); )
Жму на нее , так же ни чего не происходит.
Подскажите в чем беда?
Вот сайт слайдера

Dilettante_Pro 01.02.2016 15:51

REI555,
1. До перезагрузки слайдов карусель работает?
2. Что вы делаете в этой строке? newOptions = eval("(" + $('#newoptions').val() + ")");
3. А пробовали запустить carousel.reload(); в таком виде, без newOptions ?
(и зачем вам новые опции?)


Часовой пояс GMT +3, время: 18:41.