jbgallery plugin jQuery pour diaporama
jbgallery est un plugin jQuery permettant l’affichage d’images sous forme de galerie dans une page.
Il peut fonctionner comme un diaporama standard, en diaporama 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:
- Option « style »:
- Option « menu »:
- Single image background
- Single image centered
- Multi « fullscreen lightbox » gallery
- « Fullscreen lightbox » vs Traditional popup
- Custom labels
- No fade effect
- No fade effect (slider)
- Timers: interval
- Timers: autohide
- Callback for developers
- Api for designer/developers
- Clickable
- Picasa adapter (NEW)
- Picasa adapter (NEW) (album)
Site Web : http://maxb.net/scripts/jbgallery-2.0/
Télécharger : jbgallery-2.0.beta.zip
Fichiers :
- jbgallery-2.0.js : source | min
- jbgallery-2.0.css
- ajax-loader.gif
- sprite.png
- jquery-1.4.2.min.js
Loading ...