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" /> ');
		});
});