Personne sur le tchat
 

Bienvenue

Bienvenue dans la section Ressources. Vous trouverez tutoriaux vidéos, kits graphiques, outils pour webmaster et tout ce qu'il faut savoir pour utiliser les logiciels Adobe et améliorer son site web.

 

Derniers commentaires

Dernier Article

ZoomBox

ZoomBox
Par Le Raton Laveur, Mercredi 03 Septembre 2008 à 21:07 :: Modules Javascript

Pourquoi ZoomBox ? Parceque je cherchais une manière élégante et originale de présenter mes images et mes vidéos. Et parcequ'il y en a marre de lightbox !

Ensemble d'image

Contenu multimédia

Télécharger v1.0


Installation

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.

<script type="text/javascript" src="/zoombox/jquery.js"></script>
<script type="text/javascript" src="/zoombox/zoombox.js"></script>

2- Liez le CSS à votre page ou importez le dans votre CSS.

<link href="/zoombox/zoombox.css" rel="stylesheet" type="text/css" media="screen" />

Utilisation

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="classbox">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 d'images.

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.0 (03/09/2008) :

FAQ

Je peux modifier ce fichier ?
Oui, à condition de partager vos modification avec moi.

Je peux utiliser ce fichier à des fins commerciales ?
Oui, pour un tarif de 10€ pour une license d'utilisation sur un domaine.

Icone Commentaires

Commentaires

Ajouter un commentaire


Le code HTML dans le commentaire sera affiché comme du texte, les adresses internet seront converties automatiquement.

Tous les commentaires mal rédigés (langage SMS, Insultes, hors sujet...) seront supprimés après modération. Vous êtes seuls responsable de ce que vous écrivez.

 

Copyright © Le Raton Laveur