Показать сообщение отдельно
  #1 (permalink)  
Старый 18.08.2017, 16:54
Аспирант
Отправить личное сообщение для Sokoljr Посмотреть профиль Найти все сообщения от Sokoljr
 
Регистрация: 27.06.2016
Сообщений: 68

Slick slider навигация
Добрый день
есть slick slider на wordpress
он крутит 3 слайда, я получаю в data-title атрибут название слайда

хочу название слайда передавать в навигацию, то есть текущее название слайда выводится на Prev arrow, а след название слайда выводится в Next arrow

вот код примерный с элементами php

<div id="sliderTop">
    <?php
    $args = array(
        'post_type' => 'development',
        'order' => 'ASC',
        'posts_per_page' => '3',
        'orderby' => 'date'
    );
    $old_query_top = $wp_query;
    $wp_query = new WP_Query( $args );
    while ( have_posts() ) : the_post(); ?>

        <div id="slider_<?php echo get_the_ID(); ?>" data-title="<?php the_title(); ?>" class="slider">
            <div class="xs-col-1-1 s-col-2-8 l-col-5-24">
                <div class="description">
                    <p>Development, Branding, Product, Marketing</p>
                    <a class="read-more" href="<?php the_permalink(); ?>"><span>Show details</span></a>
                </div>
            </div>
            <div class="xs-col-1-1 s-col-5-8 l-col-15-24">
                <a href="<?php the_permalink(); ?>">
                    <div class="image">
                        <?php the_post_thumbnail('full') ?>
                    </div>
                </a>
            </div>
        </div>

    <?php
    endwhile;
    $wp_query = $old_query_top;
    ?>

</div>
<div class="prev-link">
    <span class="number"></span>
    <span class="line"></span>
    <span class="name"></span>
</div>
<div class="next-link">
    <span class="number"></span>
    <span class="line"></span>
    <span class="name"></span>
</div>


вот jQuery

sliderTop.slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
        speed: 500,
        fade: true,
        accessibility: false,
        draggable: false,
        cssEase: 'linear',
        nextArrow: nextlink,
        prevArrow: prevLink
    });

    var currentNameSlide = $('#sliderTop .slider').attr('data-title');
    $('.prev-link .name').html(currentNameSlide);


Заранее спасибо
Ответить с цитированием