IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Slider Bxslider (jquery)


Sujet :

jQuery

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Administrateur systèmes et réseaux
    Inscrit en
    janvier 2014
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Administrateur systèmes et réseaux
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : janvier 2014
    Messages : 5
    Points : 7
    Points
    7
    Par défaut Slider Bxslider (jquery)
    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:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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>
    jQuery:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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>
    une image de mon slider

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    16 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 16 093
    Points : 40 889
    Points
    40 889
    Par défaut
    Bonjour et bienvenue sur DVP.
    pour tes 2 questionnements la solution passe par le fichier CSS du plugin, jquery.bxslider.css, je mettrais un bémol sur l'effet pour le titre quand même.

    Pourquoi insérer 2 fois le fichier JS?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <script src="jquery.bxslider.js"></script>
    <script src="jquery.bxslider.min.js"></script>

  3. #3
    Futur Membre du Club
    Homme Profil pro
    Administrateur systèmes et réseaux
    Inscrit en
    janvier 2014
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Administrateur systèmes et réseaux
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : janvier 2014
    Messages : 5
    Points : 7
    Points
    7
    Par défaut
    Merci NoSmoking,
    de ta réponse, en effet cela me semble intéressant, je vais voir du côté du CSS
    de mon plugin.
    je te tiendrais informé de la suite, merci encore et bonne semaine
    Patner

Discussions similaires

  1. Slider horizontal JQuery
    Par JimPear dans le forum jQuery
    Réponses: 2
    Dernier message: 12/08/2014, 13h20
  2. Amélioration bxSlider - jQuery
    Par Midou_vb dans le forum jQuery
    Réponses: 0
    Dernier message: 05/03/2013, 12h21
  3. Slider JS/Jquery width100%
    Par gregre01 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 28/11/2012, 13h51
  4. Besoin d'aide pour slider accordion JQuery
    Par hibernatee dans le forum jQuery
    Réponses: 2
    Dernier message: 07/01/2012, 04h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo