Pour accéder plus rapidement au sommaire correspondant à cet article, cliquez sur le lien :

Publié dans : Effets d'Images et diaporamas - Tous blogs

Créez un album Photo avec Easy Album - Privilège

Cliquez sur le lien pour voir EasyAlbum

EasyAlbum

Sous IE7, l'affichage n'est pas top, mais je pense que le pb vient d'OverBlog, pas du programme.

Première étape :

Allez sur EasyAlbum

Cliquez sur Download easyAlbum, puis sur Download easyAlbum_v1.1.7.zip

Vous venez d'enregistrer un fichier .zip : il s'agit d'un ensemble de fichiers compressés. Pour les décompresser, j'utilise WinRAR, Extraire Vers

Deuxième étape :

Dans l'administration de votre blog, Documents, Autres Fichiers :
  • vous créez un répertoire easyAlbum :
    • dans lequel vous créez un sous-répertoire img
      • dans lequel vous enregistrez les images :
        • banner.jpg
          h2.jpg
        • close.gif        
          next.gif
          previous.gif
      • vous notez leur adresse
Troisième étape :

Sur votre PC :
  • vous ouvrez votre Bloc-notes
  • vous appelez le fichier easyAlbum.css
  • vous modifiez les adresses des images (vous les avez noté lors de la deuxième étape)
    • banner.jpg
      h2.jpg
  • vous enregistrez sous le même nom
  • vous appelez maintenant le fichier easyAlbum.js
  • vous modifiez les adresses des images (vous les avez noté lors de la deuxième étape)
    • close.gif        
      next.gif
      previous.gif
  • vous enregistrez sous le même nom
Quatrième étape :

Dans votre administration - Mes Documents - Autres fichiers - EasyAlbum :
  • vous créez un sous-répertoire nommé : css
    • dans lequel vous enregistrez /
      • easyAlbum.css
      • ie6win.css
      • ie5win.css
    • vous notez leur adresse
  • vous créez un autre sous-répertoire nommé : js
    • dans lequel vous enregistrez easyALbum.js
    • vous notez son adresse
Cinquième étape :

Lors de la conception de cet album, en HTML, vous collez

<script type="text/javascript" src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/js/easyALBUM.js"></script>
<style type="text/css" media="screen">
@import "http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/css/easyALBUM.css";</style>
<!--[if IE 6]>
<style type="text/css" media="screen">
@import "http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/css/ie6win.css";
</style>
<![endif]-->
<!--[if IE 5]>
<style type="text/css" media="screen">
@import "http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/css/ie5win.css";
</style>
<![endif]-->

En personnalisant les adresses en rouge, par les votres : vous les avez noté à la quatrième étape.

<body onload = "TJK_Gallery('gallery');">
<div id="wrapper">
 
    <ul id="gallery">
    <li><a name="zGallery" title="Woodrow Wilson with the American Peace Commissions in Paris to
negotiate the Versailles treaty." href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/001.jpg"><img
src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/001T.jpg" alt="Wilson at Versailles" /></a></li>
    <li><a title="Suffragettes register to work as war volunteers during world war I." href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/002.jpg"><img src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/002T.jpg" alt="Suffragette war
volunteers." longdesc="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/002LD.htm" /></a></li>
    <li><a title="Suffragette banner carried in picket of the White House, 1918."
href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/003.jpg"><img
src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/003T.jpg" alt="Suffragette banner."
/></a></li>
    <li><a title="Soldiers and sailors from many countries are lined up in front of the Allies Headquarters
Building. The United States is represented."
href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/004.jpg"><img
src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/004T.jpg" alt="Vladivostok, Russia"
/></a></li>
    <li><a title="Shop No. 2 annex. 6'' guns with their mounts in foreground; immediately in the rear, slides
or cradles for 10'', 12'', and 14'' guns."
href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/005.jpg"><img
src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/005T.jpg" alt="Munitions Factory"
/></a></li>
    <li><a title="Men looking in the window of the National Anti-Suffrage Association headquarters."
href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/006.jpg"><img
src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/006T.jpg" alt="Anti-Suffrage
Association" /></a></li>
    <li><a title="Florence F. Noyes as ''Liberty'' in suffrage pageant."
href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/007.jpg"><img
src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/007T.jpg" alt="Florence F. Noyes"
/></a></li>
    <li><a title="Warren G. Harding (right of center) dines with Thomas Edison (left of Harding) and Henry
Ford (right of Harding)."
href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/008.jpg"><img
src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/008T.jpg" alt="Harding, Edison, and
Ford." /></a></li>
    <li><a title="Calvin Coolidge arrive to dedicate a park in Hammond, Indiana, June 14, 1927."
href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/009.jpg"><img
src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/009T.jpg" alt="Coolidge motorcade."
/></a></li>
    <li><a title="President Herbert Hoover, Henry Ford, Thomas Edison, and Harvey Firestone at Edison's
82nd birthday. Ft. Myers, Florida, February 11, 1929."
href="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/010.jpg"><img
src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/img/010T.jpg"
longdesc="http://ddata.over-blog.com/xxxyyy/0/37/17/67/easyAlbum/010LD.htm" alt="Hoover, Ford,
Edison, and Firestone." /></a></li>
  </ul>

En vert, les images de grande taille
En bleu, les mêmes images en miniature
En orange, une page HTML qui apparaît lorsqu'on clique sur les liens des photos 2 et 10 (pas indispensable)
En violet, le texte qui apparaît sous la photo

MàJ:Janvier 2009
Voir les 1 commentaires - Ecrire un commentaire
Recommander
Retour à l'accueil

 

Présentation

: Les ficelles d Anna K.
: 26/06/2006
annak : Aide et astuces pour créer et personnaliser un blog. Toutes les étapes pour créer un blog sur Over-Blog : les premiers pas, la gestion quotidienne (écrire des articles, placer des photos...), les modifications de CSS (changer les fonds, les couleurs de police...), des idées de design...et le personnaliser quelle que soit la plateforme : mettre en valeur les images et les textes, créer des menus, installer de la musique, des gadgets, des compteurs, des astuces de référencement...

 

Recherche Rapide Sur le Site

 

Sommaires

Sommaires Pour les Blogs OverBlog Sommaires Pour tous les Blogs Détente

 

Dernières Astuces

liste complète

 

Commentaires

 

Publicité

 

Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus