powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Slider Cycle2 и reinit с ним...
2 сообщений из 2, страница 1 из 1
Slider Cycle2 и reinit с ним...
    #39263780
HunterNomad
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Всем доброго времени суток.
Если кто сталкивался со слайдером 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
Slider Cycle2 и reinit с ним...
    #39263858
HunterNomad
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Нашел решение.
Вместо $("#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
2 сообщений из 2, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Slider Cycle2 и reinit с ним...
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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