Bonsoir, les amis et bonne année,
je viens vers vous pour de l'aide sur Jquery
en effet j'ai installé Bxslider (jquery) afin d'avoir un slider d'image 5 au total.
tout fonction bien.
pour apporter une information sur chaque photo de mon slider j'ai mis une balise title dans mon code HTML , mon titre apparaît bien dans mon slider sur chaque photo le temps de sa durée qui est en auto.
Première question :
Comment faire en Jquery pour créer un effet sur le conteneur de title qui est un bloc gris transparent et fixe.
Deuxième question:
comment modifier le style (couleur, caractère, taille) de title
afin d'obtenir le titre de chaque image en gras et le résumé en caractère normale.
je cherche depuis plusieurs jours la solution sur Internet sans trop de succès
je sais le mieux c'est de bien maîtriser Jquery, mais je débute.
je vous remercie d'avance les amis de votre aide
ci-dessous mon code
HTML:
jQuery:Code:
1
2
3
4
5 <ul class="bxslider"> <li><img src="images/1.png" width="850" height="420" title="mon titre et ma description" alt="titre"/></li> <li><img src="images/2.png" width="850" height="420" title="mon titre et ma description" alt="titre"/></li> </ul>
une image de mon sliderCode:
1
2
3
4
5
6
7
8
9
10
11
12
13
14 je fais appel de ma librairie <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> j'utilise ce script qui n'agit pas sur ma balise title <script> $(document).ready(function(){ slider = $('.bxslider').bxSlider({ mode: 'fade', captions: true }); slider.startAuto(); }); </script>
http://sdz-upload.s3.amazonaws.com/p...oad/title1.png