Sujet : Bxslider (jquery)

Bonsoir, les amis, bonne année,

je viens vers vous pour de l'aide sur Jquery

en effet j'ai installé Bxslider (jquery) qui me semble bien.

sur ma page web, le défilement des images se passe bien, à l’apparition de chaque slide d'image, j'ai mon title qui apparaît afin de décrire l'image et de donner des information sur celle-ci, jusque la je n'ai pas trop de problème.

ma demande est la suivante:

1- je souhaiterai mettre un effet d’apparition sur mes éléments title qui dure le temps de l'affichage du slide.

2- modifier la taille de la police de mes title car elles sont trop petite

l'idée souhaité est la suivante:

Mon titre (en gras et une grande police)

La description de mon slide... juste en dessous


ci-dessous le script que j'utilise actuellement et une capture de mon slide :
http://sdz-upload.s3.amazonaws.com/prod/upload/title1.png

jQuery:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="jquery.bxslider.js"></script>
<script src="jquery.bxslider.min.js"></script>

<script>
$(document).ready(function(){
slider = $('.bxslider').bxSlider({ mode: 'fade', captions: true });
slider.startAuto();

});
</script>

HTML:

<ul class="bxslider">
  <li><img src="images/1.png" width="850" height="420" title="Mon titre et la description" alt="Mon titre "/></li>
  <li><img src="images/2.png" width="850" height="420" title="Mon titre et la description" alt="Mon titre "/></li>

</ul>

cela fait des jours que je cherche la solution sur internet sans succès, je débute en Javascript

SVP merci d'avance pour votre aide les amis

Cordialement