Поправить Перелистывание Слайдера

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем ARTSTAR, 28 янв 2014.

  1. ARTSTAR

    ARTSTAR New Member

    Регистрация:
    27 дек 2013
    Сообщения:
    2
    Симпатии:
    0
    Всем привет.
    Слайдер имеет большое окно(картинку) и под ним кучу маленьких(для выбора какую выводить на большое окно). Есть стрелки перелистывания вперед назад для маленьких картинок, но нет для больших.
    Задача: перелистывать стрелками вперед/назад изображение в большом окне.
    Слайдер встроен в тему и настроке слайдера нет, чтобы изменить это из админки. Сам код написан в .twig файле.

    мыслю в сторону: document.getElementBy.Class ('active').nextSibling.click()

    но увы не столь опытен, чтобы знать как всетаки сделать чтобы все работало.

    Буду благодарен идеям.



    Код:
    {% if wp.get_post_meta(post.ID, '_property_slides', TRUE) %}
    <div class="carousel property">
    <div class="preview">
    <a href="{{ wp.get_post_meta(post.ID, '_property_slides', TRUE).0.imgurl }}" class="fancybox">
    <img src="{{ wp.get_post_meta(post.ID, '_property_slides', TRUE).0.imgurl }}" alt="">
    </a>
    </div>
    <!-- /.preview -->

    <div class="content">
    <ul>
    {% for slide in wp.get_post_meta(post.ID, '_property_slides', TRUE) %}
    {% if loop.first %}
    <li class="active">
    {% else %}
    <li>
    {% endif %}
    <img src="{{ slide.imgurl }}" alt="">
    </li>
    {% endfor %}
    </ul>

    <a id="carousel-prev" href="#">{{ wp.__('Previous', 'aviators') }}</a>
    <a id="carousel-next" href="#">{{ wp.__('Next', 'aviators') }}</a>
    </div>
    <!-- /.content -->
    </div><!-- /.carousel -->
    {% endif %}

    Добавлено: Сам слайдер: http://vidnamore.com/properties/3412-cloudcroft-dr-2/
     
Загрузка...

Поделиться этой страницей