problème d'affichage dans un calque

problème d'affichage dans un calque - HTML/CSS - Programmation

Marsh Posté le 03-06-2004 à 11:26:58    

Bonjour tout le monde,
J'ai fait un petit truc en js qui permet de faire défiler des photos et d'afficher la photo en grand format dans un calque lorsque l'on clique sur la vignette.
Mon problème est que l'affichage ne passe pas sur toutes les machines (l'affichage est différent et les images sont déformées) qui sont à résolution équivalente pourtant!
 
Le code: (édité suite à un réflexion tres constructive :lol:) :
 
<html>  
 
  <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />  
    <title>JavaScript - Diaporama sans frame</title>  
    <style type="text/css">  
 
    img {  
   cursor: pointer;  
   vertical-align: middle;  
    }  
     
    div#affichage {  
        position: absolute;  
        bottom: 25px;  
        border: 1px solid red;  
    }  
 
    </style>  
 
    <script type="text/javascript">  
    <!--  
 
   function affiche(img) {  
     
     calqueAffichage = document.getElementById("affichage" );  
       
     if (calqueAffichage.hasChildNodes())  
       calqueAffichage.removeChild(calqueAffichage.firstChild);  
       
     grandeImage = document.createElement("img" );  
     grandeImage.setAttribute("src", img.getAttribute("src" ));  
     grandeImage.setAttribute("alt", img.getAttribute("alt" ));  
   grandeImage.setAttribute("Border","0" );  
    lien = document.createElement("a" );  
   lien.href=img.getAttribute("alt" );  
   lien.appendChild(grandeImage);  
 
     calqueAffichage.appendChild(lien);  
 
   
   }  
 
    //-->  
    </script>  
  </head>  
 
  <body>  
 
    <p>  
      <img src="image1.gif" height="105" width="154" alt="doc1.pdf" onclick="affiche(this);"/>  
      <img src="image2.gif" height="105" width="154" alt="doc2.pdf" onclick="affiche(this);"/>  
    </p>  
    <hr/>  
    <div id="affichage"><a href="doc1.pdf" target="_window"><img src="image1.gif" border="0"></div>  
     
  </body>  
 
</html>  

 
Merci :jap:


Message édité par kerrighan le 03-06-2004 à 13:30:51

---------------
I B M ThinkPad t40 1.5Ghz/80Go 7200rpm/1.25Go
Reply

Marsh Posté le 03-06-2004 à 11:26:58   

Reply

Marsh Posté le 03-06-2004 à 12:02:12    

kerrighan a écrit :

...
code pourri... variable et non de fonction en anglais... etc...


 
On ne débuggue pas les applications écrites par d'autres ici.
 
Apprend le Javascript + css et html...
 
D'autant que c'est pas hyper compliqué à faire...
 
Une fois pour toutes, ce serait bien que les gens comprennent qu'on ne peut rien faire de bon concernant les sites web sans maitriser les langages associés hein... Faudrait même l'indiquer dans la charte pour éviter ce genre de question...


Message édité par Hermes le Messager le 03-06-2004 à 12:03:03
Reply

Marsh Posté le 03-06-2004 à 13:29:01    

Tu aurais mieux fait de ne rien dire plutot que de dire des conneries.... ;)
 
ps: tiens je t'ai mis le code sans anglais et en plus simple :)


---------------
I B M ThinkPad t40 1.5Ghz/80Go 7200rpm/1.25Go
Reply

Marsh Posté le 06-06-2004 à 16:45:21    

kerrighan a écrit :

Tu aurais mieux fait de ne rien dire plutot que de dire des conneries.... ;)
 
ps: tiens je t'ai mis le code sans anglais et en plus simple :)


le lourd...  :pfff:  
 
Je reformule ce qu'a dit Hermes :
1- tu commences par apprendre le JS, HTML et CSS
2- tu reviens te faire aider ce que tu ne comprends pas
 
si tu veux un code tout fait sans rien comprendre, tu t'adresses à des sociétés dont c'est le métier, ici c'est un forum...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed