Homothétie Galerie javascript
DeeP2k
Messages postés
16
Statut
Membre
-
Dalida Messages postés 7114 Statut Contributeur -
Dalida Messages postés 7114 Statut Contributeur -
Bonjour à tous !
Donc voila, comme je le stipule dans le Titre, j'ai un probléme d'homothétie (déformation de la photo d'origine) sur une galerie que je viens de modifié. (j'ai modifié un script trouvé sur le net, je n'ai malheureusement aucune notion en javascript :( )
Voila l'exemple : http://projectn.free.fr/Gallerie.html
et le code :
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
}
}
// End -->
</script>
</head>
<body>
<center>
<p><img src="/images/crea/1.jpg" alt="" name="mainpic" width="350" height="150" border="0" id="mainpic" /></p>
<p> </p>
<table width="350" border=0 cellspacing=0 cellpadding=0>
<tr>
<td><a href="javascript:doPic('/images/crea/1.jpg');"><img src="/images/crea/1.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/images/crea/4.jpg');"><img src="/images/crea/4.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/images/crea/2.jpg');"><img src="/images/crea/2.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/images/crea/3.jpg');"><img src="/images/crea/3.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/images/crea/4.jpg');"><img src="/images/crea/4.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/images/crea/2.jpg');"><img src="/images/crea/2.jpg" width=90 height=60 border=0></a></td>
</tr>
</table>
<p> </p>
<p> </p>
</center>
</body>
</html>
Voila, si quelq'un pourai m'aider, ce serai trés simpa :)
Merci à tous !!!
Donc voila, comme je le stipule dans le Titre, j'ai un probléme d'homothétie (déformation de la photo d'origine) sur une galerie que je viens de modifié. (j'ai modifié un script trouvé sur le net, je n'ai malheureusement aucune notion en javascript :( )
Voila l'exemple : http://projectn.free.fr/Gallerie.html
et le code :
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
}
}
// End -->
</script>
</head>
<body>
<center>
<p><img src="/images/crea/1.jpg" alt="" name="mainpic" width="350" height="150" border="0" id="mainpic" /></p>
<p> </p>
<table width="350" border=0 cellspacing=0 cellpadding=0>
<tr>
<td><a href="javascript:doPic('/images/crea/1.jpg');"><img src="/images/crea/1.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/images/crea/4.jpg');"><img src="/images/crea/4.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/images/crea/2.jpg');"><img src="/images/crea/2.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/images/crea/3.jpg');"><img src="/images/crea/3.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/images/crea/4.jpg');"><img src="/images/crea/4.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/images/crea/2.jpg');"><img src="/images/crea/2.jpg" width=90 height=60 border=0></a></td>
</tr>
</table>
<p> </p>
<p> </p>
</center>
</body>
</html>
Voila, si quelq'un pourai m'aider, ce serai trés simpa :)
Merci à tous !!!
A voir également:
- Homothétie Galerie javascript
- Galerie photo en ligne gratuite - Guide
- Telecharger javascript - Télécharger - Langages
- Comment masquer une photo dans la galerie - Guide
- Mettre une photo de la galerie en story à la une instagram ✓ - Forum Instagram
- Galerie photos windows - Télécharger - Albums photo
1 réponse
salut,
ton code n'a aucun problème mais tu utilises des images en 800*600 soit 4/3 alors que tu les affiches en 350/150 soit 7/3.
donc l'image est déformée par la taille d'affichage que tu as choisi, pas par le code.
par ailleurs il vaut mieux ne pas utiliser des images plus grandes que ce l'on affiche. c'est du gaspillage de bande passante et cela ralenti d'autant l'affichage de la page.
enfin pour les vignettes tu devrais utiliser d'autres images à la taille de la vignette.
ton code n'a aucun problème mais tu utilises des images en 800*600 soit 4/3 alors que tu les affiches en 350/150 soit 7/3.
donc l'image est déformée par la taille d'affichage que tu as choisi, pas par le code.
par ailleurs il vaut mieux ne pas utiliser des images plus grandes que ce l'on affiche. c'est du gaspillage de bande passante et cela ralenti d'autant l'affichage de la page.
enfin pour les vignettes tu devrais utiliser d'autres images à la taille de la vignette.
