jbgallery plugin jQuery pour diaporama

est un plugin permettant l’affichage d’images sous forme de galerie dans une page.

Il peut fonctionner comme un standard, en d’arrière-plan, dans une modal box ou dans un pop up.

Les options sont très nombreuses, avec la possibilités d’afficher un slider d’images, choix des transitions, durée des transitions, navigation avec chiffre, etc…

Un plugin Jquery très complet et donc à utilisé très vite.



Le Javascript et  CSS dans le HEAD

<link href="jbgallery-2.0.css" id="jbgallery-css" rel="stylesheet" media="javascript-screen" />
<script type="text/javascript" src="jquery.1.4.2.min.js"></script>
<script type="text/javascript" src="jbgallery-2.0.js"></script>

HTML structure (minimal menu)

<div>
 <ul>
  <li><a href="1.jpg" >1</a></li>
  <li><a href="2.jpg" >2</a></li>
  <!-- etc -->
 </ul>
</div>

HTML (thumbnails – menu avec slider)

<div>
 <ul>
  <li><a href="big1.jpg"><img src="small1.jpg" alt="" /></a></li>
  <li><a href="big2.jpg"><img src="small2.jpg" alt="" /></a></li>
  <!-- etc -->
 </ul>
</div>

HTML structure (caption)

<div>
 <ul>
  <li>
   <a href="big.jpg" title="Caption title"><img src="small.jpg" alt="" /></a>
   <div>Long long long text</div>
  </li>
  <!-- etc -->
 </ul>
</div>

JS

<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery(".jbgallery").jbgallery();
});
</script>

De multiples examples:

Site Web : http://maxb.net/scripts/jbgallery-2.0/

Télécharger : jbgallery-2.0.beta.zip

Fichiers :

A voir aussi

Réseau

Sites