problème d'affichage dans un calque - HTML/CSS - Programmation
Marsh Posté le 03-06-2004 à 12:02:12
kerrighan a écrit : ... |
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...
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
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.... |
le lourd...
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...
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 ) :
<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