2010-07-03 6 views
0

comme tant d'autres personnes Je cherche un carrousel pour ma page d'accueil. J'ai déjà regardé le marché.jQuery carousel

Mon préféré serait un mélange de plusieurs existences. Et, si possible, il devrait être basé sur jQuery, puisque je l'utilise déjà. Certains bons carrousels sont basés sur mootools, cependant.

Alors, qu'est-ce que j'aime? noobSlide est agréable. Parfait serait le mélange de 6 et 7: 6 a la plus grande image avec une superposition et un lien. 7 a le positionnement parallèle des images. Problème: J'ai 50 et non 8, donc j'aurais besoin d'une sorte de curseur. SmoothGallery a un joli curseur (après avoir cliqué sur les images).

Ainsi, les exigences

  • Agrandir l'image avec superposition (infos + lien (s))
  • de commande de curseur horizontal avec défilement
  • Si possible, jQuery

Où serait tu m'as envoyé? Un composant cool/bibliothèque que j'ai raté?

Répondre

2

Si vous aimez carrousel sur cette page:

http://www.adventure-service.com/

J'utilise ce plugin:

http://thomlx.free.fr/jquery/jquery_carousel.htm

comprennent simplement que fichier javascript, html mis comme suit:

    <div id='banner_container'> 
         <ul> 
          <li><img src='' alt='' /></li> 
          <li><img src='' alt='' /></li> 
          <li><img src='' alt='' /></li> 
          <li><img src='' alt='' /></li> 
          <li><img src='' alt='' /></li> 
         </ul> 
        </div> 

Faire un appel à cette fonction:

 $('#banner_container').carousel(); 

Et c'est tout. Si vous voulez par exemple glisser automatique et les boutons de sorte que vous pouvez cliquer sur chaque bouton et l'image lui correspondant apparaître:

 $('#banner_container').carousel({ 
      autoSlide: true, 
      autoSlideInterval: 4000, 
      pagination: true 
     }); 
+0

Je vous ai essayé ci-dessus solution, mais cela ne fonctionne pas. Seule la première image est chargée dans le carrousel mais j'appuie sur le bouton suivant aucune image ne glisse. Pourquoi est-ce? ** S'il vous plaît aider. ** –

0

Si vous souhaitez qu'il soit pleinement accessible au clavier, essayez KATC.

Questions connexes