juil 02



Showcase est un plugin jQuery qui permet de réaliser de jolis diaporamas d’accueil.

Pour voir les démonstrations c’est ici, pour télécharger le plugin c’est ici et la page officielle est ici.

Code :

1
2
3
4
$("#showCase1").showcase({
animation: { type: "fade",  interval: 4500,  stopOnHover: false },
navigator: { item: { width: "4px",  height: "4px" } }
});

showcase-diaporama-jquery

Post to Twitter Twitter ce post

Mots-clefs :, , , ,

5 Responses to “Diaporama ou carrousel d’accueil en jQuery”

  1. Maxime Says:

    Bonjour! Merci pour ce post. C’est exactement ce que je cherchais.
    Je suis designer mais je m’y connais tout de même en codage.
    Je me demande pourquoi est-ce que ça ne fonctionne pas sur ma page?
    Que me manque-t-il?
    —————————————

    Document sans nom

    $(« #showCase1″).showcase({
    images: [{ url: "http://www.recoding.it/wp-content/uploads/demos/images/showcase_the_drow_1.jpg",
    description: "Great sunset from the-drow", link: "#" },
    { url: "http://www.recoding.it/wp-content/uploads/demos/images/showcase_the_drow_2.jpg",
    description: "Forte dei Marmi", link: "#" },
    { url: "http://www.recoding.it/wp-content/uploads/demos/images/showcase_the_drow_3.jpg",
    description: "Alpe di Siusi", link: "#" },
    { url: "http://www.recoding.it/wp-content/uploads/demos/images/showcase_the_drow_4.jpg",
    description: "Sweet Tuscany", link: "#" },
    { url: "http://www.recoding.it/wp-content/uploads/demos/images/showcase_the_drow_5.jpg",
    description: "Another sunset", link: "#" }],
    width: « 600px »,
    height: « 355px »,
    animation: { type: « fade », interval: 4500, stopOnHover: false },
    navigator: { item: { width: « 4px », height: « 4px » } },
    titleBar: { css: { backgroundColor: « #232323″, fontColor: « #ffffff » } }
    });

    —————————————

  2. admin Says:

    Salut Maxime,
    tu as du oublier d’inclure le .js de jQuery ou le .js du plugin ou le

    d’identifiant « showCase1″, parce que je viens de tester ton code et je n’ai pas de problème chez moi , d’ailleurs voici mon fichier de test qui fonctionne ;-) => http://bidouilleur.com/wp-content/uploads/2009/08/testshowcase.html
    Tiens moi au courant.
  3. alain732 Says:

    Je suis webmaster, et c’est super.
    Un gain de temps énorme pour de superbe chose.
    Bravo.

    J’ai offert une bière pour la peine.

  4. alain732 Says:

    par contre, avec les numéros, il ne s’affiche pas???

    J’ai bien mis en css ce qu’il faut mettre en css, mais pas d’affichage.

  5. sakura Says:

    Salut,

    Moi je cherche a réaliser un carrousel avec un menu vertical(avec des images) qui me permettra d’afficher les différentes images(différentes du menu verticale) à droite du menu

    merci

Leave a Reply

Twitter links powered by Tweet This v1.6.1, a WordPress plugin for Twitter.