11536 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Voici mon troisième post sur mon portfolio {dont je commence à vraiment avoir besoin rdv entretien 14 février} http://blcommunication.fr/portfolio_nbl, Comme certains me l'ont conseillé j'ai dû simplifier ma mise en page et j'ai contourné mes soucis de menu en évitant les placements float que je ne maîtrise pas encore très bien.

1) Il me reste juste le souci sur mon menu que qd on clique peu importe où les sous menu disparaîssent il faudrait que je change cette option. Je voudrais qu'il reste affiché en ignorant les clics.

2) également j'aurais apprécié qu'a l'ouverture les sous menu ne soient pas affichés.

3) Je ne sais pas comment faire les boutons <suivant/précédent> est-il possible de les ajouter et comment ? Est ce réalisable en javascript + CSS ?

4) Si quelqu'un a une combine pour centrer mon site dans la page je suis intéressé. Je suppose qu'il suffit de faire des balises imbriquées ? Mais va falloir que je recale tout a cause de (position:relative) ? est ce bien ça ?

Voici la maquette de ma page légèrement modifiée :
upload/10677-book2.jpg
Modifié par inkobl (08 Feb 2007 - 01:30)
en java, c'est pas si évident ... En javascript, à la rigueur, ça me parait plus facilement réalisable, bien qu'une solution serveur (php, asp) soit plus adaptée.
Salut,
Malcolm a écrit :
en java, c'est pas si évident ... En javascript, à la rigueur, ça me parait plus facilement réalisable, bien qu'une solution serveur (php, asp) soit plus adaptée.
Attention, Java peut aussi être un langage serveur (avec J2EE). Smiley cligne
inkobl a écrit :
petit souci de conflit entre mon menu qui utilise la fonction
[code] window.onload=function(){dynMenu("menu",5000)} [code]

et ma galerie d'image qui utilise aussi :
[code] <body onLoad="modifyimage('dynloadarea', 0);return false"> [code]
Oui, c'est normal que l'un des deux soit écrasé. Le tutoriel "JavaScript : organiser son code en modules" évoque ce problème.
Voilà le résultat : http://www.blcommunication.fr/portfolio_nbl/galerie+menu/indexx.html

Merci Julien en effet il semblerait que ce soit la fonction "on load" de mon menu qui soit écrasé par celle de la galerie... Tu confirmes ce que je pensais.

Il n'y a que les boutons "précédent" et "suivant" qui fonctionne.

Je n'ai plus le courage de chercher ce soir 1h12, j'espère pouvoir trouver la solution tout seul. Cependant si quelqu'un avait la gentillesse de bien vouloir m'expliquer ça m'éviterais d'avoir à assimiler le java script j'ai déjà assez de mal avec le CSS et le HTML, comme ça. Smiley lol



 http://www.bl-communication.fr/portfolio_nbl/galerie+menu/menu.js
 

<!--

window.onload=function(){dynMenu("menu",5000)}



//active la feuille de style dynamique

document.getElementsByTagName("link")[0].href="menu.css"



dynMenu = function(idMenu,delai) {planq=0;

mu=document.getElementById(idMenu);

dls = mu.getElementsByTagName("dl");

dds = mu.getElementsByTagName("dd");



if(dds){

  for(var i=0;i<dls.length;i++) {

    dls[i].onmouseover=dls[i].onfocus=function(){

      clearTimeout(planq);

      smenu=this.getElementsByTagName("dd")[0]

      if(smenu){cachetout();smenu.style.display="block"}

    	}

   dls[i].onmouseout=function(){

    if(delai)planq=setTimeout('cachetout()',delai);

  	}

   }

  }

document.onclick=cachetout;

}

function cachetout(){for(var j=0;j<dds.length;j++)dds[j].style.display="none";}

//-->

 http://www.bl-communication.fr/portfolio_nbl/galerie+menu/script.js
 

<!--



function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->


/*
Gradual-Highlight Image Script II- 
By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca)
Permission granted to Dynamicdrive.com to feature script in archive
For full source to script, visit  http://dynamicdrive.com
 
*/

nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

/* object - image to be faded (actual object, not name);
 * destop - destination transparency level (ie 80, for mostly solid)
 * rate   - time in milliseconds between trasparency changes (best under 100)
 * delta  - amount of change each time (ie 5, for 5% change in transparency)
 */

function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
    if (object != "[object]"){  //do this so I can take a string too
        setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
        return;
    }
        
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
    
    diff = destOp-object.filters.alpha.opacity;
    direction = 1;
    if (object.filters.alpha.opacity > destOp){
        direction = -1;
    }
    delta=Math.min(direction*diff,delta);
    object.filters.alpha.opacity+=direction*delta;

    if (object.filters.alpha.opacity != destOp){
        nereidFadeObjects[object.sourceIndex]=object;
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
    }
}



/***********************************************
* Image Thumbnail Viewer II script- &#65533; Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit  http://www.dynamicDrive.com  for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

//Specify image paths and optional link (set link to "" for no link):
var dynimages=new Array()
dynimages[0]=["images/WD1.jpg", "#"]
dynimages[1]=["images/WD2.jpg", ""]
dynimages[2]=["WD3.jpg", ""]
dynimages[3]=["WD4.jpg", ""]
dynimages[4]=["WD5.jpg", ""]
dynimages[5]=["WD6.jpg", ""]
dynimages[6]=["WD7.jpg", ""]
dynimages[7]=["WD8.jpg", ""]
dynimages[8]=["WD9.jpg", ""]
dynimages[9]=["WD10.jpg", ""]
dynimages[10]=["WD11.jpg", ""]
dynimages[11]=["WD12.jpg", ""]

//Preload images ("yes" or "no"):
var preloadimg="yes"

//Set optional link target to be added to all images with a link:
var optlinktarget=""

//Set image border width
var imgborderwidth=0

//Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+:
var filterstring="progid:DXImageTransform.Microsoft.Fade(Duration=0.7)"

///////No need to edit beyond here/////

//Starting here is the modification that John made for me to allow forward and back buttons
function findLoaded(){
if(typeof document.getElementById('dynloadarea').getElementsByTagName('img')[0]!=='undefined'){
var theImg = document.getElementById('dynloadarea').getElementsByTagName('img')[0].src
for (var i_tem = 0; i_tem < dynimages.length; i_tem++)
if (theImg.indexOf(dynimages[i_tem][0])>-1)
return i_tem
}
else
return -1
}

function nextImg(){
if (findLoaded()<dynimages.length-1)
modifyimage('dynloadarea', findLoaded()+1)
else
modifyimage('dynloadarea', 0)
}

function previousImg(){
if (findLoaded()>0)
modifyimage('dynloadarea', findLoaded()-1)
else
modifyimage('dynloadarea', dynimages.length-1)
}
//End of forward and back modification


if (preloadimg=="yes"){
for (x=0; x<dynimages.length; x++){
var myimage=new Image()
myimage.src=dynimages[x][0]
}
}

function returnimgcode(theimg){
var imghtml=""
if (theimg[1]!="")
imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">'
imghtml+='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'
if (theimg[1]!="")
imghtml+='</a>'
return imghtml
}

function modifyimage(loadarea, imgindex){
if (document.getElementById){
var imgobj=document.getElementById(loadarea)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()
}
imgobj.innerHTML=returnimgcode(dynimages[imgindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false
}
}


Pour ce qui est des placements ne vous inquiétez pas je commence à comprendre le CSS et j'en viendrais bientôt à bout c'est juste une question de temps et de balises imbriquées.

a écrit :
Enfim, boa noite pra todo mundo
[/i][/i][/i][/i][/i]
Modifié par inkobl (08 Feb 2007 - 01:55)
Voici les erreurs que m'indique le terminal de mon mac...


[inkobl:~/Desktop/galerie+menu] inko% javac menu.java
menu.java:3: 'class' or 'interface' expected
window.onload=function(){dynMenu("menu",5000)}
^
1 error
[inkobl:~/Desktop/galerie+menu] inko% javac script.java
script.java:7: 'class' or 'interface' expected
function MM_preloadImages() { //v3.0
^
script.java:23: 'class' or 'interface' expected
nereidFadeTimers = new Object();
^
script.java:31: 'class' or 'interface' expected
function nereidFade(object, destOp, rate, delta){
^
script.java:96: unclosed character literal
if(typeof document.getElementById('dynloadarea').getElementsByTagName('img')[0]!=='undefined'){
                                  ^
script.java:96: unclosed character literal
if(typeof document.getElementById('dynloadarea').getElementsByTagName('img')[0]!=='undefined'){
                                              ^
script.java:96: unclosed character literal
if(typeof document.getElementById('dynloadarea').getElementsByTagName('img')[0]!=='undefined'){
                                                                      ^
script.java:96: unclosed character literal
if(typeof document.getElementById('dynloadarea').getElementsByTagName('img')[0]!=='undefined'){
                                                                          ^
script.java:96: unclosed character literal
if(typeof document.getElementById('dynloadarea').getElementsByTagName('img')[0]!=='undefined'){
                                                                                  ^
script.java:96: unclosed character literal
if(typeof document.getElementById('dynloadarea').getElementsByTagName('img')[0]!=='undefined'){
                                                                                            ^
script.java:97: unclosed character literal
var theImg = document.getElementById('dynloadarea').getElementsByTagName('img')[0].src
                                     ^
script.java:97: unclosed character literal
var theImg = document.getElementById('dynloadarea').getElementsByTagName('img')[0].src
                                                 ^
script.java:97: unclosed character literal
var theImg = document.getElementById('dynloadarea').getElementsByTagName('img')[0].src
                                                                         ^
script.java:97: unclosed character literal
var theImg = document.getElementById('dynloadarea').getElementsByTagName('img')[0].src
                                                                             ^
script.java:108: unclosed character literal
modifyimage('dynloadarea', findLoaded()+1)
            ^
script.java:108: unclosed character literal
modifyimage('dynloadarea', findLoaded()+1)
                        ^
script.java:110: unclosed character literal
modifyimage('dynloadarea', 0)
            ^
script.java:110: unclosed character literal
modifyimage('dynloadarea', 0)
                        ^
script.java:115: unclosed character literal
modifyimage('dynloadarea', findLoaded()-1)
            ^
script.java:115: unclosed character literal
modifyimage('dynloadarea', findLoaded()-1)
                        ^
script.java:117: unclosed character literal
modifyimage('dynloadarea', dynimages.length-1)
            ^
script.java:117: unclosed character literal
modifyimage('dynloadarea', dynimages.length-1)
                        ^
script.java:132: unclosed character literal
imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">'
        ^
script.java:132: illegal line end in character literal
imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">'
                                                            ^
script.java:133: unclosed character literal
imghtml+='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'
         ^
script.java:133: illegal line end in character literal
imghtml+='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'
                                                               ^
script.java:135: unclosed character literal
imghtml+='</a>'
         ^
script.java:135: illegal line end in character literal
imghtml+='</a>'
              ^
27 errors
sur que c'est possible.

et je suis pas un tenor en javascript. j'en suis encore a lire des bouquins hier j'apprenais comment utiliser les classes et les objets en javascript.

pourtant voir ce topic et un autre indiqué dans ce topic avec un peu d'imagination j'ai déja indiqué comment rajouter du texte descriptif ou un lien sur l'image.

entre un lien sur l'image et des boutons precedent suivant le saut conceptuel est inexistant. des boutons suivant, precedent ben ce sont des liens avec une image precedent,suivant.

là ou il fallait 1 tableau d'adresse et bien il en faut 2. et identifier dans le script et modifier le href de 2 liens au lieu d'un. et hop.

sauf que l'ecriture des liens dans les tableaux sera un peu penible car a la mano. j'admets. a toi d'imaginer un meilleur système si possible.

edit:
le mieux apres avec mon système et si tu as beaucoup d'images utiliser php pour générer les tableaux.
Modifié par CPascal (11 Jun 2007 - 07:30)
Merci Cpascal pour ta réponse. Tu sais, je suis relativement novice en prog, je tatonne en essayant de faire marcher certains mixs de codes.

le php me fait carrément flipper, restons-en au javascript !


voici les premières ébauches de la galeries avec les boutons suivant/précédents :

http://leojou.ifrance.com/

il y a 2 problèmes à résoudre :

- quand on clique sur suivant/précédent, au lieu que ce soit le texte descriptif qui s'affiche, c'est le chemin d'accès qui s'affiche Smiley biggol

- il n'ya pas de code en place pour que les miniatures agissent sur les textes descriptifs, cette prog est tout à fait différente de celle du tutoriel de la galerie alsacreations, bref je vois pas comment l'adapter... Smiley murf

@+
Modifié par djimi (11 Jun 2007 - 09:42)
bon, ca avance, cette galerie avec des boutons "précédent" et "suivant" est à deux doigts d'être résolue

voir ici : http://leojou.ifrance.com/

il y a tout de même un truc à peaufiner dans le code, mais je ne sais pas comment faire ça, si quelqu'un a une idée :

les textes déscriptifs sont renseignés en double dans la programmation :

1 fois pour les boutons suivant précédent, sous cette forme :

var description=new Array();
description[1]="Texte Photo UN";
description[2]="Texte Photo DEUX";



et 1 fois pour les vignettes miniatures, sous cette forme :

<a href="#" onClick="vision.src='images/grand_01.gif';descript('Texte Photo ONE');"><img src="images/petit_01.gif"


tout ca alourdi le code, est ce qu'il y aurait possibilité de faire en sorte que le clic sur une vignette miniature récupère le texte descriptif à partir de la variable "description" ?
Modifié par djimi (12 Jun 2007 - 02:45)
SALUT, y aurait il possibilité que tu édites les codes car comme tu es sur ifrance il y a de la pub (la dernière version de webdevelopper m'affiche des paragraphes bizarres). Cela me rendrait grand service car je n’ai toujours pas moi non plus trouvé de solution. Je ne sais pas si c'est moi mais ton javascript me parait bien lourd ? ? ? Merci de ton avancement je ne comprends pas que l'on est autant de mal à développer ses comportements qui me semble pourtant très simple. Bon courage je t'en dis plus long si je trouve une solution de mon côté. Smiley ravi

J'hésite presque même du coup à utiliser une galerie flash déjà prête ce qui semblerait bien plus simple à mettre en œuvre. Smiley ravi

PS : Sache cependant que si tu n'as pas besoin du menu javascript, mon code est bon. Mon souci est du a un conflit entre le menu javascript et la gallerie javascript. Problème toujours pas résolu à ce jour.
Modifié par inkobl (12 Jun 2007 - 18:00)
salut inkobl, tout d'abord, merci d'avoir crée ce topic !

le code a encore avancé ! c'est au point à 99%, regarde ici :

http://leojou.ifrance.com/


la seule chose qui reste à faire, c'est que le texte de description de la première photo s'affiche par défaut quand on entre sur la page de la galerie, sinon tout marche !




<HTML>
<HEAD>
<TITLE>galerie photo</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--


var n=1;

var photo=new Array();
photo[1]="images/grand_01.gif";
photo[2]="images/grand_02.gif";
photo[3]="images/grand_03.gif";
photo[4]="images/grand_04.gif";
photo[5]="images/grand_05.gif";
photo[6]="images/grand_06.gif";
photo[7]="images/grand_07.gif";
photo[8]="images/grand_08.gif";
photo[9]="images/grand_09.gif";
photo[10]="images/grand_10.gif";



var description=new Array();
description[1]="Texte Photo UN";
description[2]="Texte Photo DEUX";
description[3]="Texte Photo TROIS";
description[4]="Texte Photo QUATRE";
description[5]="Texte Photo CINQ";
description[6]="Texte Photo SIX";
description[7]="Texte Photo SEPT";
description[8]="Texte Photo HUIT";
description[9]="Texte Photo NEUF";
description[10]="Texte Photo DIX";


function descript(desc){
document.getElementById('description').innerHTML = desc
}


function bouton(d,ndt) {
		var NbrImg = (ndt.length - 1);
        n = n + d;
        if (n < 1) {
        n = NbrImg;
        }
        if (n > NbrImg) {
        n = 1;
        }
		
        document.vision.src = ndt[n]; 
		document.getElementById('description').innerHTML =  description[n];
}

//-->
</script>
</HEAD>
<BODY>
<table width="446" border="0" cellspacing="0" cellpadding="0">
  <tr>
    
  </tr>
  <tr>
    <td><img src="images/grand_01.gif"  name="vision"></td>
  </tr>
  <tr>
    <td><font color="#656565" face="Arial"><DIV ID='description'></DIV>
     </div>
    </font></td>
  </tr>
  <tr>
    <td><table width="446" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="81" valign="top"><a href="#" onClick="vision.src='images/grand_01.gif';descript(description[1]);"><img src="images/petit_01.gif" width="81" height="51" border="0"></a> </a></td>
        <td width="10"><img src="images/spacer.gif" width="10" height="51"></td>
        <td width="81" valign="top"><a href="#" onClick="vision.src='images/grand_02.gif';descript(description[2]);"><img src="images/petit_02.gif" width="81" height="51" border="0"></a></td>
        <td width="10"><img src="images/spacer.gif" width="10" height="51"></td>
        <td width="81" valign="top"><a href="#" onClick="vision.src='images/grand_03.gif';descript(description[3]);"><img src="images/petit_03.gif" width="81" height="51" border="0"></a></td>
        <td width="11"><img src="images/spacer.gif" width="11" height="56"></td>
        <td width="81" valign="top"><a href="#" onClick="vision.src='images/grand_04.gif';descript(description[4]);"><img src="images/petit_04.gif" width="81" height="51" border="0"></a></td>
        <td width="10"><img src="images/spacer.gif" width="10" height="51"></td>
        <td width="81" valign="top"><a href="#" onClick="vision.src='images/grand_05.gif';descript(description[5]);"><img src="images/petit_05.gif" width="81" height="51" border="0"></a></td>
        </tr>
      <tr>
        <td><a href="#" onClick="vision.src='images/grand_06.gif';descript(description[6]);"><img src="images/petit_06.gif" width="81" height="51" border="0"></a></td>
        <td><img src="images/spacer.gif" width="10" height="51"></td>
        <td><a href="#" onClick="vision.src='images/grand_07.gif';descript(description[7]);"><img src="images/petit_07.gif" width="81" height="51" border="0"></a></td>
        <td><img src="images/spacer.gif" width="10" height="51"></td>
        <td><a href="#" onClick="vision.src='images/grand_08.gif';descript(description[8]);"><img src="images/petit_08.gif" width="81" height="51" border="0"></a></td>
        <td><img src="images/spacer.gif" width="11" height="51"></td>
        <td><a href="#" onClick="vision.src='images/grand_09.gif';descript(description[9]);"><img src="images/petit_09.gif" width="81" height="51" border="0"></a></td>
        <td><img src="images/spacer.gif" width="10" height="51"></td>
        <td><a href="#" onClick="vision.src='images/grand_10.gif';descript(description[10]);"><img src="images/petit_10.gif" width="81" height="51" border="0"></a></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="446" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="right"><br>
          <a href="javascript:bouton(-1,photo,description);"><img src="images/bouton_precedent.gif" width="40" height="39" border="0"></a></td>
        <td align="left"><br>
          <a href="javascript:bouton(1,photo,description)"><img src="images/bouton_suivant.gif" width="40" height="39"border="0"></a></td>
      </tr>
    </table></td>
  </tr>
</table>

</BODY>
</HTML>

le souci que je vois c'est que dans mon cas je vois pas trop comment faire une gallerie pour chaque page de mon site... c'est pas vraiment adapté va falloir que je fasse plein de double dans le javascript mon code va être lourd. Smiley decu
Voilà ! la galerie fonctionne à 100% !

http://leojou.ifrance.com/

voici le code :



<HTML>
<HEAD>
<TITLE>galerie photo</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--


var n=1;

var photo=new Array();
photo[1]="images/grand_01.gif";
photo[2]="images/grand_02.gif";
photo[3]="images/grand_03.gif";
photo[4]="images/grand_04.gif";
photo[5]="images/grand_05.gif";
photo[6]="images/grand_06.gif";
photo[7]="images/grand_07.gif";
photo[8]="images/grand_08.gif";
photo[9]="images/grand_09.gif";
photo[10]="images/grand_10.gif";



var description=new Array();
description[1]="Texte Photo UN";
description[2]="Texte Photo DEUX";
description[3]="Texte Photo TROIS";
description[4]="Texte Photo QUATRE";
description[5]="Texte Photo CINQ";
description[6]="Texte Photo SIX";
description[7]="Texte Photo SEPT";
description[8]="Texte Photo HUIT";
description[9]="Texte Photo NEUF";
description[10]="Texte Photo DIX";


function descript(desc){
document.getElementById('description').innerHTML = desc
}


function bouton(d,ndt) {
		var NbrImg = (ndt.length - 1);
        n = n + d;
        if (n < 1) {
        n = NbrImg;
        }
        if (n > NbrImg) {
        n = 1;
        }
		
        document.vision.src = ndt[n]; 
		document.getElementById('description').innerHTML =  description[n];
}

//-->
</script>
</HEAD>
<BODY>
<table width="446" border="0" cellspacing="0" cellpadding="0">
  <tr>
    
  </tr>
  <tr>
    <td><img src="images/grand_01.gif"  name="vision"></td>
  </tr>
  <tr>
    <td><font color="#656565" face="Arial"><DIV ID='description'>Texte Photo UN</DIV>
     </div>
    </font></td>
  </tr>
  <tr>
    <td><table width="446" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="81" valign="top"><a href="#" onClick="vision.src='images/grand_01.gif';descript(description[1]);n=1;"><img src="images/petit_01.gif" width="81" height="51" border="0"></a> </a></td>
        <td width="10"><img src="images/spacer.gif" width="10" height="51"></td>
        <td width="81" valign="top"><a href="#" onClick="vision.src='images/grand_02.gif';descript(description[2]);n=2"><img src="images/petit_02.gif" width="81" height="51" border="0"></a></td>
        <td width="10"><img src="images/spacer.gif" width="10" height="51"></td>
        <td width="81" valign="top"><a href="#" onClick="vision.src='images/grand_03.gif';descript(description[3]);n=3"><img src="images/petit_03.gif" width="81" height="51" border="0"></a></td>
        <td width="11"><img src="images/spacer.gif" width="11" height="56"></td>
        <td width="81" valign="top"><a href="#" onClick="vision.src='images/grand_04.gif';descript(description[4]);n=4"><img src="images/petit_04.gif" width="81" height="51" border="0"></a></td>
        <td width="10"><img src="images/spacer.gif" width="10" height="51"></td>
        <td width="81" valign="top"><a href="#" onClick="vision.src='images/grand_05.gif';descript(description[5]);n=5"><img src="images/petit_05.gif" width="81" height="51" border="0"></a></td>
        </tr>
      <tr>
        <td><a href="#" onClick="vision.src='images/grand_06.gif';descript(description[6]);n=6"><img src="images/petit_06.gif" width="81" height="51" border="0"></a></td>
        <td><img src="images/spacer.gif" width="10" height="51"></td>
        <td><a href="#" onClick="vision.src='images/grand_07.gif';descript(description[7]);n=7"><img src="images/petit_07.gif" width="81" height="51" border="0"></a></td>
        <td><img src="images/spacer.gif" width="10" height="51"></td>
        <td><a href="#" onClick="vision.src='images/grand_08.gif';descript(description[8]);n=8"><img src="images/petit_08.gif" width="81" height="51" border="0"></a></td>
        <td><img src="images/spacer.gif" width="11" height="51"></td>
        <td><a href="#" onClick="vision.src='images/grand_09.gif';descript(description[9]);n=9"><img src="images/petit_09.gif" width="81" height="51" border="0"></a></td>
        <td><img src="images/spacer.gif" width="10" height="51"></td>
        <td><a href="#" onClick="vision.src='images/grand_10.gif';descript(description[10]);n=10"><img src="images/petit_10.gif" width="81" height="51" border="0"></a></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="446" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="right"><br>
          <a href="javascript:bouton(-1,photo,description);"><img src="images/bouton_precedent.gif" width="40" height="39" border="0"></a></td>
        <td align="left"><br>
          <a href="javascript:bouton(1,photo,description)"><img src="images/bouton_suivant.gif" width="40" height="39"border="0"></a></td>
      </tr>
    </table></td>
  </tr>
</table>

</BODY>
</HTML>





sinon inkobl, tout ça ne pèse que 5ko, rassure toi !

tout est résolu