begin process at 2012 05 29 01:32:16
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Javascript et ActiveX

 > 

Autre

 > 

Aide avec un script réduction image !!!


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Aide avec un script réduction image !!!

vendredi 2 juillet 2010 à 14:00:51 | Aide avec un script réduction image !!!

kangourouxxx

Bonjour, je fait appel a vous car j'ai un petit problème de code.
J'ai décidé d'alléger mon site et j'ai commencer par exporter tout mes code en .js externe des page.
Cependant j'avais fait un script qui réduisait les image avant leurs affichage.
[code]
<script type="text/javascript">
document.image1.width = Math.round(larg/coeff);
document.image1.height = Math.round(haut/coeff);
</script>
[/code]
Puis j'ai voulu le rendre automatique pour éviter d'avoir a le mettre sous chaque images.
Voila le code que j'ai écrie mais rien ne marche !!!!!
[code]
function reduc_image(name){
for (i=0;i<2;i++) {
name = image[i];
}
document.getElementsByName(name).width = Math.round(larg/coeff);
document.getElementsByName(name).height = Math.round(haut/coeff);
}
[/code]

Le code est dans un fichier externe(.js), ce que je voudrais s'est modifier la taille de l'image.
Toutes mes image s'appel respectivement image1, image2, image3,...
Dans l'espoir d'être claire.

Merci d'avance.
vendredi 2 juillet 2010 à 14:23:56 | Re : Aide avec un script réduction image !!!

DARKSIDIOUS

Membre Club Administrateur CodeS-SourceS
Salut,

La fonction getElementsByName te renvoie un tableau d'éléments et non un seul élément. Pour ce que tu cherche à faire, je te conseille plutôt de passer par un getElementById en lui spécifiant l'id de l'image à redimensionner.
______________________________________

AVANT de poster votre message, veuillez lire, comprendre, et appliquer notre réglement
vendredi 2 juillet 2010 à 19:07:42 | Re : Aide avec un script réduction image !!!

kangourouxxx

cela ne résous pas mon problème, l'image reste aussi grande.


Le nouveau scrip est :

[code]
function reduc_image(){
for (i=0;i<2;i++) {
name = image[i];
}
document.getElementById (name).width = Math.round(larg/coeff);
document.getElementById (name).height = Math.round(haut/coeff);
}
[/code]

merci de tas réponse rapide.
samedi 3 juillet 2010 à 00:21:30 | Re : Aide avec un script réduction image !!!

kazma

Administrateur CodeS-SourceS
Code Javascript :
function reduc_image(id_de_limage){
document.getElementById(id_de_limage).style.width = Math.round(larg/coeff);
document.getElementById(id_de_limage).style.height = Math.round(haut/coeff);
} 


la boucle for ne servait a rien ou alors elle est mal construite car si je me trompe pas tu doit parcourir toutes images concerné et il y avait un espace en trop (document.getElementById (name))

il manque aussi une valeur c'est le coeff
samedi 3 juillet 2010 à 11:16:12 | Re : Aide avec un script réduction image !!!

kangourouxxx

Si la boucle for sert a quelque chose car toute mes images se nomme (id) image1, image2, image3, ...
donc en faisan une boucle avec for pour incrémenter i de 1 a chaque passage j'obtiens bien un id pour mes images : image1, image2, image3,...

Je te remercie de ton aide mais pourrais tu me dire ce qui ne vas pas ?

Je pense avoir trouvé ! je teste et vous redit sa.
Merci de votre aide.
samedi 3 juillet 2010 à 23:56:00 | Re : Aide avec un script réduction image !!!

kazma

Administrateur CodeS-SourceS
Réponse acceptée !
la variable name n'est pas bien defini

Code Javascript :
function reduc_image(){
for (i=0;i<2;i++) {
var name = 'image'+i;
document.getElementById(name).width = Math.round(larg/coeff);
document.getElementById(name).height = Math.round(haut/coeff);
}
}
jeudi 8 juillet 2010 à 10:54:21 | Re : Aide avec un script réduction image !!!

kangourouxxx


Salut Kazma, la correction que tu mas indiqué est l'erreur que je pensais avoir trouvé.
Cependant aucun changement, donc je fait encore une fois appel a vous membre de CS.
le code est le suivant :
Code Javascript :
function reduc_image(){
	for (i=0;i<10;i++) {
		name='image'+[i];
	}
	document.getElementById(name).style.width=Math.round(larg/coeff);
        document.getElementById(name).style.height=Math.round(haut/coeff);
}

jeudi 8 juillet 2010 à 12:10:25 | Re : Aide avec un script réduction image !!!

kazma

Administrateur CodeS-SourceS
oui mais dans ce que tu met tu fait toujour l'erreur si la variable la bonne syntaxe est

Code Javascript :
var name = 'image'+i;


le mot var sert a declarer une variable local

pour te rendre compte de ton erreur mets une alert pour voir ce que retourne la variable

pour ton exemple

Code Javascript :
function reduc_image(){
    for (i=0;i<10;i++) {
        name='image'+[i];
alert(name)
    }
    document.getElementById(name).style.width=Math.round(larg/coeff);
        document.getElementById(name).style.height=Math.round(haut/coeff);
}

jeudi 8 juillet 2010 à 12:38:21 | Re : Aide avec un script réduction image !!!

kangourouxxx

Correction effectué mais cela ne change pas mon problème.
Mes image ne se réduisent pas !
Probablement l'ai-je mal appelé dans la page.
je l'ai mis dans la balise <BODY> dans l'attribut "OnLoad=..."

donc mon code est le suivant:
Code Javascript :
function reduc_image(){
	for (i=0;i<10;i++) {
		name='image'+i;
	}
	document.getElementById(name).style.width=Math.round(larg/coeff);
        document.getElementById(name).style.height=Math.round(haut/coeff);
}
jeudi 8 juillet 2010 à 16:19:25 | Re : Aide avec un script réduction image !!!

kangourouxxx




Bon bas s'est bon j'ai fini par trouver le problème.
Je vous remercie de votre coup de main.

Kangouroux

1 2

Cette discussion est classée dans : code, image, math, document, round


Répondre à ce message

Sujets en rapport avec ce message

Function qui ne functionne pas... [ par Xiarea ] Bonjour, Je suis entrain d'essayer de faire ouvrir un popup lors d'un double clic sur une image. La nouvelle page doit connaitre les coordonées de la Intégration d'un diapo [ par dloc ] Hello à tous, Je viens faire appel à vous pour un problème qui me casse fortement la tête et dont j'ai loin d'avoir les capacités nécessaire pour le Tester le chargement du cache [ par typhoon ] Bonjour, Après moultes recherches, je passe à la dernière étape : Poser une question... En effet, je n'arrive pas à résoudre le problème suivant: Je soucis de lien sur image [ par YouSsoliVan ] Bonjour, J ai un petit soucis avec le code javascript ci dessous, en fait, en cliquant sur le boutton "fermer", ceci annule les changements apportés Mettre une légende sous une image dans une popup [ par Chris31000 ] Bonjour, J'utilise un script pour ouvrir une image en taille réelle dans une popup en cliquant sur une miniature. J'aimerais qu'une légende puisse êtr Javascript : Affichage d'une image dans une div [ par silver ] Bonjour, Le bout de code javascript suivant est issu d'un script utilisé pour un chat instantané. Actuellement, le chat affiche en instantané le nom Passer une variable tout en ouvrant un div [ par petityo03 ] Bonjour, Cela fait 2 - 3 jours que je me bat pour essayer de passer une variable sur un lien et en même temps ouvrir un div. Je m'explique : Déjà je s recuperation des valeurs des champs creer par javascript en php [ par elgbouri ] Bonjour, comme le titre l'indique, j'aimerai récupérer les valeurs des champs ajouter dynamiquement avec JavaScript pour les traiter avec la méthode Impression en JavaScript [ par VeroniqueLucido ] Bonjour, Je débute en Javascript et j'ai pour tâche d'imprimer une partie de la page d'un site en y ajoutant une entête et un pied de page. Je suis t Galerie Jquery et Zoom, besoin d'aide pour finaliser code [ par Annadrill ] Bonjour, j'ai une page créé en php ou j'ai plusieurs petites images et une grande image et lorsque je clique sur une des petites images cela me char


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,624 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales