Question

comme tant d'autres personnes, je suis à la recherche d'un carrousel pour ma page d'accueil. J'avais déjà un regard sur le marché.

Mon préféré serait un mélange de plusieurs ceux existings. Et, si possible, il doit être basé sur jQuery, depuis que je me sers déjà. Quelques bons carrousels sont basées sur Mootools, cependant.

Alors, qu'est-ce que je veux? noobSlide est agréable. Parfait serait le mélange de 6 et 7: 6 a l'image plus grande avec une superposition et un lien. 7 présente le positionnement parallèle des images. Problème: J'ai> 50 pas 8, donc je besoin d'une sorte de curseur. SmoothGallery a un curseur de Nice (après avoir cliqué sur les photos).

Alors, avec les exigences

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

Où voulez-vous me faire parvenir? Certains composant I de froid / bibliothèque manqué?

Était-ce utile?

La solution

Si vous aimez carrousel sur cette page:

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

J'utilise ce plugin:

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

Il suffit d'inclure ce 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>

Faites un appel à cette fonction:

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

Et voilà. 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
        });

Autres conseils

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

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top