Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Slider Cycle2 и reinit с ним... / 2 сообщений из 2, страница 1 из 1
28.06.2016, 13:39
    #39263780
HunterNomad
HunterNomad
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Slider Cycle2 и reinit с ним...
Всем доброго времени суток.
Если кто сталкивался со слайдером Cycle2 помогите понять, в чем грабли.
Проблема в следующем:
При загрузки страницы никаких проблем не возникает, все работает как часы. Картинки меняются при нажатии кнопок.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
. . .
      <? if ($images_res = getAllImages(111)) { ?>
            <div id="img1" class="cycle-slideshow"
                 data-cycle-fx="scrollHorz"
                 data-cycle-timeout="0"
                 data-cycle-prev="#prev"
                 data-cycle-next="#next">
                <? foreach ($images_res as $images_res_key) { ?>
                    <img class="img1" style="height: 140px !important; width: auto;"
                         src="<?= $images_res_key['url'] . 'thumb/' . $images_res_key['name'] ?>" alt=""
                         id="<?= $images_res_key['id'] ?>"/>
                <? } ?>
            </div>
            <div class="center">
                <a href=# id="prev" style="color: #0d88c1">Prev</a>
                <? if ($galleries_list = galleries_list(36)) { ?>
                    <select id="group1" name="group1">
                        <? foreach ($galleries_list as $list) { ?>
                            <option value="<?= $list['id'] ?>"><?= $list['name_en'] ?></option>
                        <? } ?>
                    </select>
                <? } ?>
                <a href=# id="next" style="color: #0d88c1">Next</a>
            </div>
        <? } ?>
. . .
<script>
    $("#img1").cycle({
        timeout: 0,
        fx: 'fade',
        next: '#next',
        prev: '#prev'
    });
. . .
</script>


Но как всегда есть "Но!". Но необходимо при смене категории в <select id="group1" name="group1"> удалить существующие картинки и загрузить новые. С удалением и загрузкой проблем нет, но после этой операции перестают работать кнопки Prev и Next , и, как я понял слетают основные настройки - картинки сами меняются.
Вот код загрузки новых картинок:
Код: 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.
...
$("#group1").change(function () {
            var id = $("#group1").val();
            $('img.img1').remove();
            $("#img1").cycle('reinit');
            $.ajax({
                type: 'POST',
                url: 'galleries',
                data: 'id=' + id,
                success: function (data) {
                    $.each(data, function () {
                        $('div#img1').append('<img style="height: 140px !important; width: auto; " class="img1" src="' + this.url + this.name + '"/>');
                    });
                    $("#img1").cycle({
                        timeout: 0,
                        fx: 'fade',
                        next: '#next',
                        prev: '#prev'
                    });
                    $("#img1").cycle('reinit');
                }
            });
        });
...


Чего только не перепробовал, ничего не меняется.
Очень прощу помогите, все сроки горят ......
За ранее спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.06.2016, 14:32
    #39263858
HunterNomad
HunterNomad
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Slider Cycle2 и reinit с ним...
Нашел решение.
Вместо $("#img1").cycle('reinit'); вставить $("#img1").cycle('stop'); $("#img1").cycle('destroy'); .
И, к слову, вставлять перед инициализацией
Код: javascript
1.
2.
3.
4.
5.
6.
$("#img1").cycle({
                        timeout: 0,
                        fx: 'fade',
                        next: '#next',
                        prev: '#prev'
                    });



Может кому пригодиться. )))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Slider Cycle2 и reinit с ним... / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]