1. ⭐⭐⭐ Grosse PROMO en cours sur ma plateforme SEO My Ranking Metrics
    Rejeter la notice

ResponsiveSlides : Personnalisation du pager...

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Johan_Clbrt, 9 Février 2013.

  1. Johan_Clbrt
    Johan_Clbrt Nouveau WRInaute
    Inscrit:
    8 Février 2013
    Messages:
    10
    J'aime reçus:
    0
    Bonjour,
    sur mon futur site, actuellement en dev ( http://dev-blogdumetroparisien.blogspot.fr/ ), j'ai inséré un ResponsiveSlides.js, disponible ici ( http://responsive-slides.viljamis.com/ ).
    Tout fonctionne bien, mais j'ai voulu ajouter le "pager". ET maintenant, vous avez une liste à puces avec 1, 2, 3... Mais je ne sais pas comment faire pour personnaliser ce pager. Quelqu'un peut-il m'aider ? Merci ! :D


    Ps : le code :
    Code:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="http://intertransports.legtux.org/BlogDuMetroParisien/responsiveslides.min.js"></script>
    <div class="diapo"><ul class="rslides">
      <li><img src="http://i73.servimg.com/u/f73/16/46/53/69/img_0014.png" alt="Bienvenue !" /></li>
      <li><img src="http://i73.servimg.com/u/f73/16/46/53/69/img_0016.png" alt="Nouvel article : la ligne 12" /></li>
      <li><img src="http://i73.servimg.com/u/f73/16/46/53/69/img_0018.png" alt="Mise à jour: le MP05" /></li>
    </ul>
    </div><br /><script>
      $(".rslides").responsiveSlides({
      auto: true,
      timeout: 7500, 
      speed: 500,
      pager: true,
    });
    </script>
    <style>
    .diapo {
      margin-top: 31px;
      margin-left: -13px;
      }
    
    .rslides {
      position: relative;
      list-style: none;
      overflow: hidden;
      padding: 0;
      margin: 0;
      width: 625px;
      margin-left: -13px;
      }
    
    .rslides li {
      -webkit-backface-visibility: hidden;
      position: relative;
      display: none;
      width: 625px;
      top: 0;
      }
    
    .rslides li:first-child {
      position: relative;
      display: block;
      float: left;
      }
    
    .rslides img {
      display: block;
      height: auto;
      float: left;
      width: 625px;
      border: 0;
      list-style: none;
    
      }
    </style>
     
  2. Johan_Clbrt
    Johan_Clbrt Nouveau WRInaute
    Inscrit:
    8 Février 2013
    Messages:
    10
    J'aime reçus:
    0
    Je me permets de faire un petit auto-up :wink:
     
Chargement...
Similar Threads - ResponsiveSlides Personnalisation pager Forum Date
Personnalisation Quantcast Choice en version mobile Développement d'un site Web ou d'une appli mobile 20 Mai 2019
Personnalisation couleur navigateur mobile Développement d'un site Web ou d'une appli mobile 21 Avril 2016
Personnalisation personnage en ligne Développement d'un site Web ou d'une appli mobile 30 Juillet 2013
personnalisation du multipage dans wordpress Développement d'un site Web ou d'une appli mobile 13 Juillet 2012
Personnalisation insistante des résultats chez google Référencement Google 2 Juillet 2012
Matt Cutts s'exprime sur HackerNews au sujet de la personnalisation des SERPs Google : l'entreprise, les sites web, les services 21 Juin 2011
Personnalisation onglet Static FBML Facebook 13 Février 2011
Personnalisation instantanée Facebook Facebook 27 Janvier 2011
Personnalisation et diversité des SERPs Débuter en référencement 6 Octobre 2010
OVH : Personnalisation de reverse pour les nulles Administration d'un site Web 31 Août 2010
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice