Показать сообщение отдельно
  #1 (permalink)  
Старый 16.10.2015, 13:29
Новичок на форуме
Отправить личное сообщение для Dead_embrion Посмотреть профиль Найти все сообщения от Dead_embrion
 
Регистрация: 16.10.2015
Сообщений: 2

Не работает pager в bxSlider
Есть страничка с этим слайдером в шапке (rothmans.dev.promo.ru/main.html) Проблема заключается в том что при изменении ширины браузера если в этот момент сменится слайд то кнопки переключения перестают работать.
Вот слайдер

var slider_tab = $('.bx_tabak_secret').bxSlider({
        pager: true,
        pagerType:'full',
        controls: false,
        auto: true,
        pause: 7000,
        adaptiveHeight:true       
    });


Верхний блок

<section class="expert-personal-wrap tabak_secrets_fon twelve columns">
                <ul class="bx_tabak_secret">
                    <li class="fon1">
                        <div class="secrets_fon_box">
                            <div class="secrets_conteiner">
                                <div class="expert_article">Экспертное мнение</div>
                                <div class="tabak_secrets">секреты  табака</div>
                                <div class="pol_tailor">от пола тейлора</div>
                                <div class="text_secrets">Новое видео, в котором вы узнаете, как смешивать табаки и в каких пропорциях это нужно делать, чтобы добиться лучшего результата.</div>
                                <div class="nvideo-info_inn secrets_video">
                                    <a href="" class="play-vide" >Посмотреть</a>
                                    <a href="" class="play-vide-small" ></a>                                    
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="fon2">
                        <div class="secrets_fon_box clearfix">
                            <div class="secrets_conteiner_text">
                                <div class="expert_article">125 лет марке<br />rothmans</div>
                                <div class="tabak_secrets">Ограниченная<br />серия к юбилею<br />марки</div> 
                                <div class="b-expert_article">Юбилейная серия</div>                        
                            </div>
                            <div class="secrets_conteiner_image clearfix">
                                <div class="image-pack-box">
                                    <div class="image-pack">
                                        <a href="#">
                                            <img src="images/KS_blue_125_years.png" alt="">
                                            <div class="image-text">Rothmans БЛЮ</div>
                                        </a>
                                    </div>
                                    <div class="image-pack last">
                                        <a href="#">
                                            <img src="images/KS_silver_125_years.png" alt="">
                                            <div class="image-text">Rothmans Сильвер </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="fon3">
                        <div class="secrets_fon_box">
                            <div class="secrets_conteiner">
                                <div class="expert_article">ЭКСПЕРТНОЕ МНЕНИЕ</div>
                                <div class="pol_tailor"><div class="s-pol_tailor">ЧАЕПИТИЕ –</div>НЕ ЕДИНСТВЕННОЕ</div>
                                <div class="tabak_secrets">БРИТАНСКОЕ <br />РАЗВЛЕЧЕНИЕ</div>                                
                                <div class="text_secrets">
                                    Видео эксперта по развлечениям – <br />Майкла Гибсона – о том, как на самом<br />деле отдыхают англичане. 
                                </div>
                                <div class="nvideo-info_inn secrets_video">
                                    <a href="#" class="play-vide" >Посмотреть</a>
                                    <a href="" class="play-vide-small" ></a>                                    
                                </div>                          
                            </div>
                        </div>
                    </li>
                </ul>                
            </section>
Ответить с цитированием