Overblog Suivre ce blog
Administration Créer mon blog
3 janvier 2009 6 03 /01 /janvier /2009 00:30
Repost 0
Published by Anna K - dans Archives
commenter cet article
3 janvier 2009 6 03 /01 /janvier /2009 00:30
Repost 0
Published by AnnaK - dans Archives
commenter cet article
3 janvier 2009 6 03 /01 /janvier /2009 00:29
Repost 0
Published by Anna K - dans Archives
commenter cet article
3 janvier 2009 6 03 /01 /janvier /2009 00:29
Repost 0
Published by Anna K - dans Archives
commenter cet article
3 janvier 2009 6 03 /01 /janvier /2009 00:21
Repost 0
Published by Anna K - dans Archives
commenter cet article
3 janvier 2009 6 03 /01 /janvier /2009 00:17
Repost 0
Published by Anna K - dans Archives
commenter cet article
3 janvier 2009 6 03 /01 /janvier /2009 00:16
Repost 0
Published by Anna K - dans Archives
commenter cet article
3 janvier 2009 6 03 /01 /janvier /2009 00:15

Il s'agit d'un script trouvé chez L'EDITEURJAVASCRIPT

Il faut que vous fassiez 2 modèles de chaque image : 1 grande - 1 petite.

Vous copiez le code suivant et le collez ce code en mode source.

<!-- DEBUT DU SCRIPT --> <SCRIPT LANGUAGE="JavaScript">
<!-- CE SCRIPT EST EDITE PAR EDITEUR JAVASCRIPT -->
/******
DEFINITION DES VARIABLE DU SCRIPT
******/
nb_photo_ligne = 4;
numero_photo = 1;

/******
ENREGISTREMENT DES PHOTOS
******/
ejs_vignet = new Array;
ejs_des = new Array;
ejs_big = new Array;

var HazMess=new Array();
 ejs_des[0]= 'Cliquez sur la photo ci-dessus pour la faire disparaître '
 ejs_vignet[0]= ' photo1 sous forme de vignette'
 ejs_big[0]= ' photo1 grande taille'
 ejs_des[1]= ' Inserer ici votre texte de présentation '
 ejs_vignet[1]= ' photo2 sous forme de vignette' 
 ejs_big[1]= ' photo2 grande taille'
 ejs_des[2]= 'Insérer ici le nom de la photo'
 ejs_vignet[2]= ' photo3 sous forme de vignette' 
 ejs_big[2]= ' photo3 grande taille'
        ejs_des[3]= 'Insérer ici la date ou tout autre..'
 ejs_vignet[3]= ' photo4 sous forme de vignette' 
 ejs_big[3]= ' photo4 grande taille'

/******
FONCTION POUR CHANGER LES PHOTOS
******/
function ChageImage(num)
 {
 if(document.getElementById)
  document.getElementById("ejs_dyn_img").innerHTML = '<A HREF="javascript:killImage()"><IMG SRC="'+ejs_big[num]+'" BORDER=0 HSPACE=5 VSPACE=5 ALT="Cliquez ici pour faire disparaitre"></A><BR><FONT FACE="Verdana, Arial" SIZE=1>'+ejs_des[num]+'</FONT>';
 else
  window.open(ejs_big[num],"_blank")
 }

/******
FONCTION POUR EFFACER LES PHOTOS
******/
function killImage(num)
 {
 if(document.getElementById)
  document.getElementById("ejs_dyn_img").innerHTML = "";
 }

/******
CREATION DU TABLEAU
******/
document.write('<TABLE>')
for(a=0;a<ejs_big.length;a++)
 {
 if(numero_photo == 1)
  document.write('<TR>');
 if(numero_photo == ejs_big.length)
  document.write('<TD ALIGN=center COLSPAN='+(((ejs_big.length)+1)-numero_photo)+'>');
 else
  document.write('<TD ALIGN=center>');
 document.write('<A HREF="javascript:ChageImage('+a+')"><IMG SRC="'+ejs_vignet[a]+'" HSPACE=5 VSPACE=5 ALT="Cliquez ici pour voir en grand" BORDER=0></A></TD>')
if(numero_photo == nb_photo_ligne)
  {
  document.write('</TR>');
  numero_photo=0;
  }
 numero_photo++;
 }
document.write('<TR><TD COLSPAN='+ejs_big.length+' ALIGN=center><DIV ID=ejs_dyn_img></DIV></TD></TR></TABLE>');
</SCRIPT> <!-- fin DU SCRIPT -->


Maintenant, vous allez le personnaliser :

nb_photo_ligne = 4 nombre de photo (1 grande et 1 petite comptant pour 1)

ejs_vignet[0]= ' photo1 sous forme de vignette' 
ejs_big[0]= ' photo1 grande taille'
exemple : ejs_vignet[0]= ' http://idata.over-blog.com/0/37/17/67/articles/oeuf1.jpg'
 ejs_big[0]= ' http://idata.over-blog.com/0/37/17/67/articles/oeuf2.jpg'

Pour simplifier, j'ai mis 4 fois les mêmes photos, mais le but est de mettre 4 paires différentes.

Pensez à la largeur de votre colonne centrale, vous ne pourrez pas mettre 10 photos côte à côte. Mais si vous voulez rajouter 1 paire de photo, vous modifiez
nb_photo_ligne = 4;
en
nb_photo_ligne = 5;
et vous rajoutez une paire de ligne
 ejs_vignet[4]= ' photo5 sous forme de vignette' 
 ejs_big[4]= ' photo5 grande taille'
à la suite


Et nous obtenons :

Repost 0
Published by Anna K - dans Archives
commenter cet article
3 janvier 2009 6 03 /01 /janvier /2009 00:15
Repost 0
Published by Anna K - dans Archives
commenter cet article
3 janvier 2009 6 03 /01 /janvier /2009 00:10
Repost 0
Published by Anna K - dans Archives
commenter cet article