Discussion :

[binco]

Bonjour,
La structure du src de mes images est:
- h8p.jpg ou le p signifie image h8 en petit format
- h8g.jpg ou le g signifie image h8 en grand format
Je veux que quand on clic sur une petite image (de classe "petitportrait", la même image en grand format apparaissent dans un div dont l'id est "cadre_agrandissement"
Pour ce faire je veux que jQuery crée le src de l'image en grand format à partir du src de l'image en petit format: on isole le 1er (h) et le 2eme (8) caractère du src de la petite image puis ajoute "g.jpeg" pour obtenir le src de l'image au grand format (h8g.jpg)
J'ai essayé sans succès d'isoler ces caractères avec la fonction charAt()
Pouvez vous m'aider?
Cordialement

Code :

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

1
2
3
4
5
6
7
8
9
 
$(function(){
		$('.petitportrait').on( "click", function(){
			var nom_img = $(this).attr('src').val();
			var nom1 = nom_img.charAt(0);
			var nom2 = nom_img.charAt(1);
			$('#cadre_agrandissement').html('<img src="' +nom1+nom2+ 'g.jpg" /> ');
		});
});

[NoSmoking]

Bonjour,
prends le problème à l'envers...si p.jpg doit se transformer en g.jpg alors utilise la méthode replace.

[Bovino]

Code :

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

$(this).attr('src').val();

Tu cherches la propriété value de l'attribut src ?

[binco]

Merci ça marche avec replace mais j'aimerais comprendre pourquoi ça ne marche pas avec charAt()

Didier:
"Tu cherches la propriété value de l'attribut src ?"
Oui il me faut la valeur de l'attribut src pour ensuite isoler le 1er puis le 2eme caractère:

Code :

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

1
2
3
var nom_img = $(this).attr('src').val();
var nom1 = nom_img.charAt(0);
var nom2 = nom_img.charAt(1);

Cordialement

[SpaceFrog]

Comme le dit si bien Bovino ...
un src d'image n'a pas de val() ....

Code :

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

var nom_img = $(this).attr('src');

ça c'est le string du path de l'image ...

[binco]

Ok je viens de comprendre
Ça marche
Merci