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
- dans lequel vous enregistrez les images :
- dans lequel vous créez un sous-répertoire img
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
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
- easyAlbum.css
- vous notez leur adresse
- dans lequel vous enregistrez /
- vous créez un autre sous-répertoire nommé : js
- dans lequel vous enregistrez easyALbum.js
- vous notez son adresse
- dans lequel vous enregistrez easyALbum.js
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>En personnalisant les adresses en rouge, par les vôtres : vous les avez noté à la quatrième étape.
<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]-->
Puis, toujours en HTML :
<body onload = "TJK_Gallery('gallery');">En vert, les images de grande taille
<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 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
slt d'abord merci pour votre aide :)
RépondreSupprimerj'ai suivi ces étapes mais je n'arrive pas à créer mon slideshow :(
pouvez-vous m'aider svp?
merci d'avance