Zoombox, Module Javascript
Zoombox est une classe javascript facile d'utilisation permettant de présenter de manière simple et originale vos images et vidéos.
Télécharger
Current Release: 1.1.0
Contact
Une question ? Une suggestion ?
Exemples
Quelques Exemples d'utilisations
Ensemble d'image :
Contenu multimédia :
Installation
L'installation en 2 étapes
Pour commencer vous placez le dossier Zoombox à la racine de votre site puis:
1- Zoombox utilise 2 scripts Javascript: Jquery et Zoombox que vous devrez importer dans cet ordre dans le <head> ou juste avant le
</body>.
<script type="text/javascript" src="/zoombox/jquery.js"></script><script type="text/javascript" src="/zoombox/zoombox.js"></script>
2- Liez le CSS à votre page (dans le <head>) ou importez le dans votre CSS.
<link href="/zoombox/zoombox.css" rel="stylesheet" type="text/css" media="screen" />
Fonctionnement
Comment que ça marche ?
1- Ajoutez rel="zoombox" sur les liens pour y ajouter l'effet ZoomBox.
<a href="http://www.youtube.com/watch?v=8oejjWGFs6o" title="Session 2006" rel="zoombox">Lien</a>
2- Si vous voulez un ensemble d'image vous devez précise un nom d'ensemble entre crocher
<a href="images/image-1.jpg" rel="zoombox[vacances]">image 1</a><a href="images/image-2.jpg" rel="zoombox[vacances]">image 2</a><a href="images/image-3.jpg" rel="zoombox[vacances]">image 3</a>
3- Vous pouvez aussi préciser une longueur et une hauteur à la "boite", rel="zoombox 800 600", dans le cas d'un lien n'étant pas une image.
Utilisation
Sur quoi ça marche ?
Sur les images : format jpg,png,gif,bmp
Sur les MP3 (Un lecteur MP3 est intégré au dossier d'installation, merci à Dew)
Sur les liens FLV (Un lecteur FLV est intégré au dossier d'installation)
Sur les liens Quicktime: Mov et MP4
Sur les liens WMV
Sur les vidéos Dailymotion : du type http://www.dailymotion.com/video/x1xhl1_jojodemarrages_creation
Sur les liens Vimeo : du type http://www.vimeo.com/752791
Sur les liens Youtube : http://fr.youtube.com/watch?v=8oejjWGFs6o
Sur les liens Koreus
Sur tous les autres types de lien un système d'iframe se met en place
Vous avez d'autres idées de liens à ajouter, merci de me contacter.
ChangeLog
v1.1.0 (14/11/2009)
- Code source réécris
- Ajout de nouvelle variable de configuration
- Possibilité de personnaliser l'apparence de la boîte
- Possibilité de lancer zoombox en depuis javascript avec la fonction zoombox.open(url,largeur,hauteur)
v1.0.1 (22/12/2008)
- Ajout du support clavier par ibrahima (touches fléchées pour se déplacer dans une galerie et échap pour fermer Zoombox)
v1.0.0 (03/09/2008) :
- Mise en place de la class Zoombox
- Redimensionnement dans le cas d'images trops grandes
FAQ
Je peux modifier ce fichier ?
Oui, à condition de partager vos modification avec moi.
Je peux utiliser ce fichier à des fins commerciales ?
Contactez moi.