Votre espace

 


Question aléatoire

Comment agrandir la taille de la signature ?
Livre d'or

Par MarcelD

Bonjour,

Lorsque j'ai découvert pbt, il ne m'a pas fallu longtemps pour connaître CSN.

Depuis lors le raccourci est épinglé sur mon Firefox.

[Suite...]

Livre d'or

Statistiques

614 membres inscrits

Dernier membre:
alyha

Plus de stats

Vous soutenez CsN :


[09/05/12] Striker: €15.00

[07/05/12] o_neil90: €5.00

[30/04/12] Sonic: €5.00

[28/04/12] Striker: €15.00

[27/04/12] Xtian: €20.00

[24/04/12] Yvan.G: €5.00

[30/03/12] Xtian: €20.00

[16/03/12] Julien. P: €5.00

[16/03/12] Steph: €5.00

[12/03/12] MarcelD: €4.00

[11/03/12] Harper: €15.00

[11/03/12] French Storm: €5.00

[03/03/12] Anthony .D: €5.00

[01/03/12] Gregory. F: €5.00

[29/02/12] Xtian: €20.00

[19/02/12] Pascal .G: €5.00

[15/02/12] HaloRaptor33: €5.00

[08/02/12] Yannick.D: €5.00

[06/02/12] M-ickael: €20.00

[03/02/12] Zarkox: €5.00

[31/01/12] Pearson: €5.00

[30/01/12] Xtian: €20.00

[29/01/12] Apple-F F: €5.00

[23/01/12] Loïc.T: €5.00

[22/01/12] Obi-wan: €5.00

[18/01/12] J-Louis.O: €5.00

[06/01/12] Loïc.B: €5.00

[03/01/12] Gibbs/Phil: €25.00

[02/01/12] Xtian: €20.00
..........................................
Nous vous remercions !
..........................................
Nous soutenir ?
Mini sondage
Chez-Swan.NeT










Résultats

En ligne
10 Visiteurs, 4 Membres, 0 Modérateur, 1 Administrateur En ligne.

Swan
Myster
Sonic
xtian68
lise
unknow_bot
Total : 15
2) Faire une galerie image par image- Lightbox 2.04
 
Table des matières
  1. Présentation
  2. Télécharger
  3. L'installation
  4. Les images
  5. Astuce
  6. Voir l'exemple
  7. A voir aussi



Encore un système LightBox ! OUI et on ne s'en lasse pas ...

Présentation



Compiler plusieurs images, c'est l'art et la manière de le faire. Compatible avec tout les navigateurs.

Télécharger



Commencez par télécharger : Lightbox-galerie-simple-image.zip

une fois que vous avez téléchargé cette archive dézippez la avec 7zip.

L'installation



c'est très simple, l'index, dans l'archive est déjà faite.

Les images



Placez vos images miniatures et large dans le dossier : images.
Ensuite, ouvrez index.html avec votre éditeur web ou le bloc-note. c'est en regardant ce bout de code html que vous allez comprendre comment placer les images.

Code HTML :
 
<a href="images/image-1.jpg" rel="lightbox">
<img src="images/thumb-1.jpg" alt="" width="100" height="40" border="0"></a> 
<a href="images/image-2.jpg" rel="lightbox" title="Légende facultative .">
<img src="images/thumb-2.jpg" alt="" width="100" height="40" border="0"></a>
<a href="images/image-3.jpg" rel="lightbox">
<img src="images/thumb-3.jpg" alt="" width="100" height="40" border="0"></a> 
<a href="images/image-4.jpg" rel="lightbox" title="Légende facultative .">
<img src="images/thumb-4.jpg" alt="" width="100" height="40" border="0"></a> 
<a href="images/image-5.jpg" rel="lightbox">
<img src="images/thumb-5.jpg" alt="" width="100" height="40" border="0"></a>


Les images sont déjà présentes dans le dossier "images". Miniatures aussi ...

C'est l'attribut rel="lightbox" inséré dans le lien image qui va déclencher les JS placés précédemment dans la balise head.

1) Remplacez image-1.jpg (image large) etc ... par les vôtres. Et faites de même pour les thumb-1.jpg (miniatures en 100x40px).

2) title="Légende facultative ." : Cela vous permettra de mettre une légende à votre image.

Astuce



Si vous avez des connaissances en CSS, il est possible de modifier les couleurs, fonds, dimensions etc... Dans le dossier JS/lightbox.css.


Voir l'exemple





A voir aussi





 
Cette page a été vue 1036 fois   |   Dernières modifications par : infoking1