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

ARTSTAR

New Member
27.12.2013
2
0
#1
Всем привет.
Слайдер имеет большое окно(картинку) и под ним кучу маленьких(для выбора какую выводить на большое окно). Есть стрелки перелистывания вперед назад для маленьких картинок, но нет для больших.
Задача: перелистывать стрелками вперед/назад изображение в большом окне.
Слайдер встроен в тему и настроке слайдера нет, чтобы изменить это из админки. Сам код написан в .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/