Bonjour à tous. Je vous écris car j'ai un petit problème.
J'ai pris un bout de code javascript sur un site le proposant pour faire un diaporama d'images.
C'était peut-être même sur ce site ... Shame on me, je me souviens plus de la source =/
Enfin voilà. Le site marche à merveille mais, dans ma page ou j'affiche ces images, j'aimerais réalisé un test pour savoir si la hauteur et plus grande que la largeur.
Car pour le moment je met ça :
Donc, les images se réduisent à 200 si la hauteur est plus grande ou plus petite. Mais si la largeur est plus grande que la hauteur, il affichera l'image en taille originale (logique ...)
Et si je met " height='200px' width='200px' " : Si l'image fais par exemple 500xp sur 400px, elle va se réduire à 200px sur 200px et donc sera déformé. C'est pour sa que j'aimerais faire un test qui en grosse traduirait comme ça :
un test dans ce genre enfait. Mais je sais pas comment prendre les infos des images en javascript.
c'est pourquoi je demande votre aide.
Merci et bonne journée[/i][/i]
J'ai pris un bout de code javascript sur un site le proposant pour faire un diaporama d'images.
C'était peut-être même sur ce site ... Shame on me, je me souviens plus de la source =/
a écrit :
<script>
// Changer les variables suivantes
// =======================================
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 4000
// Duration of crossfade (seconds)
var crossFadeDuration = 3
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
// =======================================
// Ajoutez les images ici :
// =======================================
Pic[0] = '../images/accueil/panda.jpg'
Pic[1] = '../images/accueil/b_drop.png'
Pic[2] = '../images/accueil/cover.jpg'
Pic[3] = '../images/accueil/Mr.Marley.jpg'
// =======================================
// Ne rien éditer au-dessous de cette ligne
// =======================================
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad = new Image()
preLoad[i].src = Pic[i]
}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
Enfin voilà. Le site marche à merveille mais, dans ma page ou j'affiche ces images, j'aimerais réalisé un test pour savoir si la hauteur et plus grande que la largeur.
Car pour le moment je met ça :
a écrit :
<img name='SlideShow' height='200px'>
Donc, les images se réduisent à 200 si la hauteur est plus grande ou plus petite. Mais si la largeur est plus grande que la hauteur, il affichera l'image en taille originale (logique ...)
Et si je met " height='200px' width='200px' " : Si l'image fais par exemple 500xp sur 400px, elle va se réduire à 200px sur 200px et donc sera déformé. C'est pour sa que j'aimerais faire un test qui en grosse traduirait comme ça :
a écrit :
if(hauteur >= largeur)
{
document.write("<img name='SlideShow' height='200px'>")
}
else
{
document.write("<img name='SlideShow' width='200px'>")
}
un test dans ce genre enfait. Mais je sais pas comment prendre les infos des images en javascript.
c'est pourquoi je demande votre aide.
Merci et bonne journée[/i][/i]