Taille d'affichage d'images aléatoires

[invite59a3adea]

Bonjour

J'utilise pour mon site un script (trouvé sur un site de java script) d'"images aléatoires".
Une image est choisie au hasard à chaque chargement par mis une liste, et est affichée sur ma page d'accueil.
Cette liste est déjà publiée avec des images en taille "plein écran".
Le problème est, qu'elles sont trop grandes pour ma page d’accueil.
Existe-t-il un moyen de les réduire à l’affichage pour qu’elles s’intègrent convenablement dans ma page ?

Pour info, voici le script :

Dans la partie "HEAD" :

<SCRIPT LANGUAGE="JavaScript">
var nbimage= 30;
var width;
var height;
var url;
var alte;
function banniere()
{
numimage= Math.round(Math.random()*(nbim age-1)+1);
if (numimage <= 10)
{
gotosite = "";
url = "suzon/mois_apres_mois_1/images/02.12.17 num 002.jpg";
alte = "";
}
if (numimage > 10 && numimage <= 20)
{
gotosite = "";
url = "suzon/mois_apres_mois_1/images/02.12.30 num 016.jpg";
alte = "";
}
if (numimage > 20)
{
gotosite = "";
url = "suzon/mois_apres_mois_1/images/02.12.31 num 001.jpg";
alte = "";
}
if(gotosite != "")
{
document.write ('<A HREF="' + gotosite + '">');
}
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
if(gotosite != "")
{
document.write('</A>')
}
}
</SCRIPT>


Dans la partie "BODY" :

<SCRIPT language="JavaScript">
banniere();
</SCRIPT>
-----

[invite91e50fe1]

salut

remplaces ceci :

document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')

par ça :

document.write('<IMG SRC="' + url + '" width="' + width + '" height="' +  height + '" ALT="' + alte + '" BORDER=0>')

et spécifie les largeurs et hauteurs soit en pixels ou en valeurs relatives avec des % selon ce que tu veux faire :

var width = "480";
var height = "60";

++
loonies

[invite59a3adea]

Merci Loonies, mais comment garder les proportions ? J'ai des images de toutes tailles et format paysage ou portrait.

[invite91e50fe1]

pour garder les proportions, ne définit que soit la largeur ou soit la hauteur

exemple :

var width = "150";
var height = "";

++
loonies

[A voir en vidéo sur Futura]

[invite59a3adea]

J'avais déjà essayé, ça marche pas ?!

[invite91e50fe1]

ok t'as essayé avec ça ?

si tu veux une largeur fixe :

document.write('<IMG SRC="' + url + '" width="' + width + '" ALT="' + alte + '" BORDER=0>')

var width = "150";

ou si c'est la hauteur :

document.write('<IMG SRC="' + url + '" height="' + height + '" ALT="' + alte + '" BORDER=0>')

var height = "50";

++
loonies

[invite59a3adea]

Bravo loonies, ça marche.

C'est un vrai plaisir d'avoir des problèmes, avec toi c'est réglé en quelques minutes.

Merci

[invite91e50fe1]

pas de problème

à ton service

++
loonies