Réduire l'image affichée aléatoirement

fabou001 le 16 décembre 2008 à 16h25

Bonjour,

Sur la page d'accueil de mon site (www.instantsmagics.net) j'ai ajouté un script en javascript pour avoir un affichage aléatoire d'une des photos de ma galerie
Le script fonctionne très bien mais je voudrais que les photos s'affichent en plus petit (que la taille sous laquelle elles sont enregistrée sur le serveur et qui est la taille à laquelle elle s'afichent dans ma galerie)..
Est-ce qu'il y aurait moyen de d'ajouter une ligne ds le script pour qu'il réduise la taille des photos avant de les afficher ??
J'ai cherché sur mon ami google mais comme je ne connais pas grand chose au javascript...
J'ai essayé aussi d'intégrer le script dans un div dont je fixe la taille pas css mais ça marche pas...

Un grand merci d'avance

voici le script:
<SCRIPT>

var nbimage= 40;
var width;
var height;
var url;
var alte;
function banniere()
{
numimage= Math.round(Math.random()*(nbimage-1)+1);
if (numimage <= 10)
{
gotosite = "";
url = "/Zen_photo/albums/Macrophotographies/Faune/Criquet (Vercors).jpg";
alte = "index1";
}
if (numimage > 10 && numimage <= 20)
{
gotosite = "";
url = "/Zen_photo/albums/Macrophotographies/Faune/Heliconus Melpomene_01.jpg";
alte = "index2";
}
if (numimage > 20 && numimage <= 30)
{
gotosite = "";
url = "/Zen_photo/albums/Macrophotographies/Gouttes/Goutte_02.jpg";
alte = "index3";
}
if (numimage > 30)
{
gotosite = "";
url = "/Zen_photo/albums/Paysages/France/Cairn de la tete des chaudieres (Vercors).jpg";
alte = "index4";
}
if(gotosite != "")
{
document.write ('<A HREF="' + gotosite + '">');
}
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
if(gotosite != "")
{
document.write('</A>')
}
}
</SCRIPT>

répondre

philippedereims le 16 décembre 2008 à 16h44

fabou001 a écrit :

Bonjour,

Sur la page d'accueil de mon site (www.instantsmagics.net) j'ai ajouté un script en javascript pour avoir un affichage aléatoire d'une des photos de ma galerie
Le script fonctionne très bien mais je voudrais que les photos s'affichent en plus petit (que la taille sous laquelle elles sont enregistrée sur le serveur et qui est la taille à laquelle elle s'afichent dans ma galerie)..
Est-ce qu'il y aurait moyen de d'ajouter une ligne ds le script pour qu'il réduise la taille des photos avant de les afficher ??
J'ai cherché sur mon ami google mais comme je ne connais pas grand chose au javascript...
J'ai essayé aussi d'intégrer le script dans un div dont je fixe la taille pas css mais ça marche pas...

Un grand merci d'avance

voici le script:
<SCRIPT>

var nbimage= 40;
var width;
var height;
var url;
var alte;
function banniere()
{
numimage= Math.round(Math.random()*(nbimage-1)+1);
if (numimage <= 10)
{
gotosite = "";
url = "/Zen_photo/albums/Macrophotographies/Faune/Criquet (Vercors).jpg";
alte = "index1";
}
if (numimage > 10 && numimage <= 20)
{
gotosite = "";
url = "/Zen_photo/albums/Macrophotographies/Faune/Heliconus Melpomene_01.jpg";
alte = "index2";
}
if (numimage > 20 && numimage <= 30)
{
gotosite = "";
url = "/Zen_photo/albums/Macrophotographies/Gouttes/Goutte_02.jpg";
alte = "index3";
}
if (numimage > 30)
{
gotosite = "";
url = "/Zen_photo/albums/Paysages/France/Cairn de la tete des chaudieres (Vercors).jpg";
alte = "index4";
}
if(gotosite != "")
{
document.write ('<A HREF="' + gotosite + '">');
}
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
if(gotosite != "")
{
document.write('</A>')
}
}
</SCRIPT>

Tes images sont toutes de la même taille ?
Dans ce cas, tu peux faire :
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0 width=50% height=50%>')
Mais c'est déconseillé lorsque l'on a beaucoup d'images à afficher en même temps car l'affichage est ralenti du fait des calculs !

Le plus simple est peut-être de faire un dossier avec les réductions de tes images (vignettes) et de te servir de celles ci.

-->Message édité par philippedereims le 16/12/2008 16:54:10<--

-------

répondre

fabou001 le 17 décembre 2008 à 11h12

Le plus simple est peut-être de faire un dossier avec les réductions de tes images (vignettes) et de te servir de celles ci.

c'est justement ce que je voudrais éviter...

Je vais essayer ce que tu proposes parce qu'il n'y a qu'une image a afficher à la fois...

EDIT: c'est bizare ca fonctionne sous FF mais pas sous IE...ce serait un souci d'écriture ou bien la fonction n'est pas prise en charge ??

-->Message édité par fabou001 le 17/12/2008 11:24:08<--

répondre

philippedereims le 17 décembre 2008 à 11h48

J'ai récupéré ton image "criquet.jpg" et j'ai fait un essai en html... ça marche.
Le problème vient peut être de ta routine en Javascript !

<html>
<body>
<img src="Criquet.jpg" width=100% height=100%>
<br>
<img src="Criquet.jpg" width=50% height=50%>
</body>
</html>

-------

répondre

fabou001 le 17 décembre 2008 à 12h01

euh merci... et tu me conseilles de faire quoi ?

répondre

philippedereims le 17 décembre 2008 à 12h18

Le script, c'est toi qui l'as écrit ou tu l'as pompé ?
J'essayerais de le refaire... il y a des choses que je ne comprends pas trop dans ce script !
Par exemple, au départ, il me semble qu'il y a une fonction qui est créée function banniere()... mais elle n'est pas appelée !
Je ne comprends pas le role de la variable alte
Je regarde tout ça dès que j'ai un peu de temps !

-------

répondre

fabou001 le 17 décembre 2008 à 12h28

Non c'est pas moi qui l'ai écrit à la base ca vient d'un générateur de script( http://www.editeurjavascript.com)

si si elle est appelée dans le body (je l'avais pas mentionné parce je vois pas ce qui pouvait poser prob a ce niveau)

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

merci de t'occuper de mon cas :jap:

répondre

philippedereims le 17 décembre 2008 à 13h31

fabou001 a écrit :

Non c'est pas moi qui l'ai écrit à la base ca vient d'un générateur de script( http://www.editeurjavascript.com)

si si elle est appelée dans le body (je l'avais pas mentionné parce je vois pas ce qui pouvait poser prob a ce niveau)

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

merci de t'occuper de mon cas :jap:

J'avais regardé le code source posté ici et pas celui de la page du site !
Ca ne marche plus,sur internet explorer avec les modifications que tu as faites

Essaye voir ceci (ajout de guillemets)
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0 + height="50%" + width="50%">')

Si ca ne marche toujours pas essaie :
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0 + height="200" + width="100">')

-->Message édité par philippedereims le 17/12/2008 13:34:52<--

-------

répondre

philippedereims le 17 décembre 2008 à 13h42

Essaie de modifier la fin du code par ce qui suit :
if(gotosite != "")
{
document.write ('<A HREF="' + gotosite + '">');
document.write ('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0 + height="200" + width="100">')
document.write ('</A>')
}

-->Message édité par philippedereims le 17/12/2008 13:44:24<--

-------

répondre

fabou001 le 17 décembre 2008 à 14h12

super avec les dimension fixes ca marche ! la photo apparait sous IE aussi maintenant... un tt grand merci !!!

le seul truc c'est qu'avec des dimensions fixes je ne pourrai pas mettre des photos d'un autre forma... mais bon dans un premier temps je vais laisser ca comme ça

edit: maintenant me reste plus qu'à trouver pq la mise en page ets bonne sous IE et foire sous FF.. mais bon là c'est du css...;-)

-->Message édité par fabou001 le 17/12/2008 14:16:59<--

répondre

Réduire l'image affichée aléatoirement

PRODUITS

TÉLÉCHARGER - LOGICIELS

JEUX VIDÉOS

LOISIRS

01NET PRO

AVIS ET COMMENTAIRES

A PROPOS DE 01NET

		> Jeu : Burger Shop 2 Votre but : reconstruire votre empire et attirer des nouveaux clients !