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