Ajout de fonctionnalités personnalisées au curseur jquery

Question

Je dois créer un curseur d'image personnalisé avec des fonctionnalités que je n'avais jamais vues auparavant. Je voudrais utiliser un curseur jquery existant si je pouvais (quelque chose comme - http://nivo.dev7studios.com/), puis le personnaliser mais je ne suis pas sûr de commencer.

Je dois avoir 4 boîtes chacune avec une petite image à l'intérieur. Ci-dessous serait un curseur qui tournerait automatiquement entre 4 promo (un pour chaque section).

La fonctionnalité que je recherche est quand un utilisateur rollsover l'une des zones de section le curseur ci-dessous afficherait la promo pour cette section. L'utilisateur peut aussi cliquer sur la promo ou sur la boîte de section pour être redirigé vers cette page.

Une pensée sur comment je pourrais faire ceci? Je devrais avoir un effet de renversement et de clic des boîtes de section qui contrôleraient le glisseur automatique.

Quelqu'un connaît-il un exemple de ce que je pourrais utiliser ou pourrait aider?

Merci

Answer 1

j'utiliser un mélange de bxslider (http://bxslider.com/) et un vol stationnaire jquery peut-être qtip (http://craigsworks.com/projects/qtip/demos/content/attributes) lorsque vous voulez que la promo pour venir. Ensuite, vous faites juste un foreach pour les différentes données pour les liens/images que vous voulez remplir. Je n'ai pas testé cela si je ne sais pas si cela fonctionnera, juste pour vous donner une idée/direction.

<ul id="slides1"> 
      foreach 
       <li>href, img, qtip</li> 
      <?}?> 
</ul>