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 
) :
<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 
Message édité par kerrighan le 03-06-2004 à 13:30:51
---------------
I B M ThinkPad t40 1.5Ghz/80Go 7200rpm/1.25Go
