Discussion :

[LyNKSoNe-PRoD]

Bonsoir a tous,

je suis en train d'intégrer à un site une galerie photo javascript. Le seul problème, je voudrais que lorsque l'on clique sur une miniature, on affiche un agrandissement (mais pas l'image en taille réel) dans une div.

Pour le moment, j'arrive seulement à afficher en taille réelle. Je pense que je dois précisez dans le script js la taille de l'image mais je ne sais comment faire..


voici le code permettant de rafraichir l'agrandissement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var tmpImage = new Image();
		tmpImage.src = imagePath;
		tmpImage.width=300px;

Comme vous le voyez à la dernière ligne, j'ai tenter d'attribuer une taille à l'image mais cela ne fonctionne pas... Auriez vous une idée de la syntaxe à utiliser???

Merci d'avance

[bigboomshakala]

salut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
tmpImage.style.width = "300px";
tmpImage.style["width"] = "300px";
tmpImage["style"].width = "300px";
tmpImage["style"]["width"] = "300px";

[le_chomeur]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
tmpImage.width=300 + "px";
tmpImage.width="300px";
tmpImage.width=300;

^^

[LyNKSoNe-PRoD]

Un grand merci pour vos réponse, mais malheureusement, cela ne fonctionne pas...

C'est comme si le code n'était pas intérprété, je me retrouve avec des images en taille réelle.

Je vous poste la fonction, si jamais vous avez un peu de temps à me consacrer...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function showPreview(imagePath,inputObj)
	{		
		if(DHTMLgoodies_currentActiveImage){
			if(DHTMLgoodies_currentActiveImage==inputObj.getElementsByTagName('IMG')[0])return;
			DHTMLgoodies_currentActiveImage.className='';
		}
		DHTMLgoodies_currentActiveImage = inputObj.getElementsByTagName('IMG')[0];
		DHTMLgoodies_currentActiveImage.className='activeImage';
 
		DHTMLgoodies_imageToShow = imagePath;
		var tmpImage = new Image();
		tmpImage.src = imagePath;
		tmpImage.width=300px;
		currentUnqiueOpacityId = Math.random();
		moveOpacity(opacitySteps*-1,currentUnqiueOpacityId);
	}

Merci d'avance et bon weekend

[bigboomshakala]

genre t'as pas remarqué qu'on met des double-quote autour des chaînes dans les codes qu'on t'a donné ?

> "300px"

[LyNKSoNe-PRoD]

Si si j'ai repérer mais j'ai tester un peut toutes les solutions et à la fin (avant de poster, j'ai rééssayer avec px dérrière mais ce coup ci j'ai pas mis les "". Mais sinon, j'ai tester toutes les posibilitées comme indiquées. Je me dit que peut être, je n'agit pas sur la bonne fonction.. Pourtant, c'est elle qui me parait la plus approprié à afficher l'image (ne serraise que par son nom)...