Sujet Précédent Sujet Suivant

Homothétie Galerie javascript

Fermé
DeeP2k Messages postés 15 Date d'inscription vendredi 24 août 2007 Statut Membre Dernière intervention 11 juillet 2012 - 24 août 2007 à 02:03
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 24 août 2007 à 10:16
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 !!!

1 réponse

Réponse 1 / 1
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
24 août 2007 à 10:16
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.
0

Discussions similaires

Dissocier les photos de ma galerie sur Google Photos
BourrinOman83 -
Pierr10 -

9 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
Impossible de lire les videos de ma galerie photo.
GuillaumeJEAN-LOUIS -
ondine -

1 réponse
Ne plus lier galerie et google photos
Babyinplug -
Babyinplug -

4 réponses
Transfert photos messenger vers galerie
Marie-Ange1948 -
Galliot -

4 réponses