[seotapki]

$(document).ready(function(){
  $('.slider').bxSlider({
   mode: 'horizontal',
   controls: true,
   infiniteLoop: true,
   pager: false,
   auto: true,
   autoStart: true,
   pause: 5000,

  onSliderLoad: function(el){
                        $(".top_text").typed({
                            stringsElement: $('.string1',el),
                            typeSpeed: 0,
                            showCursor: false,
                            loop: false,
                            loopCount: 0,
                            backDelay: 5000, // пауза перед удалением текста

                        });

                        $(".bottom_text").typed({
                            stringsElement: $('.string2',el),
                            typeSpeed: 0,
                            showCursor: false,
                            loop: false,
                            loopCount: 0,
                            backDelay: 5000, // пауза перед удалением текста
                        });
  },
  onSlideAfter: function(el){
                        $(".top_text").typed({
                            stringsElement: $('.string1',el),
                            typeSpeed: 0,
                            showCursor: false,
                            loop: false,
                            loopCount: 0,
                            backDelay: 5000, // пауза перед удалением текста
                        });

                        $(".bottom_text").typed({
                            stringsElement: $('.string2',el),
                            typeSpeed: 0,
                            showCursor: false,
                            loop: false,
                            loopCount: 0,
                            backDelay: 5000, // пауза перед удалением текста
                        });
   }
});
});

Частично помогло, логически стало правильно (ниже код правильного варианта):

<div class="big_photo"> <img src="assets/images/sliders/slide3.jpg" >
             <div class="slider_inner">
                <a class="top_text" href="/shirokoformatnaja-pechat" ></a>
                <a class="bottom_text" href="/shirokoformatnaja-pechat" ></a>
        	 </div>
        	 <div class="string1"><p>Рекламные вывески</p></div><div class="string2"><p>Проектирование,  изготовление, монтаж,  обслуживание...</p></div>

        	 
</div><div class="big_photo"> <img src="assets/images/sliders/slide4.jpg" >
             <div class="slider_inner">
                <a class="top_text" href="/uslugi/oformlenie-vitrin-i-torgovyix-zalov.html" ></a>
                <a class="bottom_text" href="/uslugi/oformlenie-vitrin-i-torgovyix-zalov.html" ></a>
        	 </div>
        	 <div class="string1"><p>Крышные конструкции</p></div><div class="string2"><p>Проектирование,  изготовление, монтаж,  обслуживание...</p></div>

        	 
</div><div class="big_photo"> <img src="assets/images/sliders/slide1.jpg" >
             <div class="slider_inner">
                <a class="top_text" href="" ></a>
                <a class="bottom_text" href="" ></a>
        	 </div>
        	 <div class="string1"><p>Оформление витрин и торговых залов</p></div><div class="string2"><p>Оформление гипермаркета строительных материалов, еще текст и описание...</p></div>

        	 
</div>

  </section>

Но при первой загрузке страницы, вот этому участку кода:

<div class="big_photo"> <img src="assets/images/sliders/slide3.jpg" >
             <div class="slider_inner">
                <a class="top_text" href="/shirokoformatnaja-pechat" ></a>
                <a class="bottom_text" href="/shirokoformatnaja-pechat" ></a>
        	 </div>

Присваиваются неправильные строки :

<div class="string1"><p>Оформление витрин и торговых залов</p></div><div class="string2"><p>Оформление гипермаркета строительных материалов, еще текст и описание...</p></div>

т.е Первому слайду(slide3.jpg) присваивается описание, третьего слайда(slide1.jpg)

<div class="string1"><p>Оформление витрин и торговых залов</p></div><div class="string2"><p>Оформление гипермаркета строительных материалов, еще текст и описание...</p></div>

как это можно исправить и почему так происходит?