Witam.

Mam taką małą zagwostkę. Posiadam zrobiony na podstawie skryptu BxSlider slider na swojej stronie www.
Struktura slidera przedstawia się tak:
  1. <ul class="slider-cont">
  2. <li>
  3. <img src="images/slide-1.jpg" alt="">
  4. <div class="caption">caption1.</div>
  5. </li>
  6. <li>
  7. <img src="images/slide-2.jpg" alt="">
  8. <div class="caption">caption2</div>
  9. </li>
  10. <li>
  11. <img src="images/slide-3.jpg" alt="">
  12. <div class="caption">caption3</div>
  13. </li>
  14. </ul>


Caption znajduje się nad obrazkiem i jest przysunięty do lewej strony slidera. Moje pytanie jest następujące, czy jest możliwość za pomocą CSS3 bądź samego JS zrobić taką animację by tekst szybciej "zjeżdżał" jak i "wjeżdżał" niż sam obrazek? Próbowałem za pomocą funkcji w samym bxsliderze OnSlideBefore bądź OnSlideAfter ale nie uzyskałem satysfakcjonującego mnie efektu.

Z góry dziękuję za wszelkie propozcyje.