Discussion :

[Riwalenn]

Bonjour,

tout d'abord je tiens à dire que je ne suis pas du tout douée en javascript et c'est donc pour ça que je viens vers vous pour mon problème...

J'ai 2 blocs d'images, le second intéragit avec le premier. En cliquant sur les images du second bloc, j'affiche l'image en question dans le premier bloc mais avec une taille différente. Pour ce faire j'ai créer un input à côté de la petite image qui récupère la valeur du src de l'image. Ensuite en javascript j'ai récupéré la valeur de l'input pour changer le src de l'image moyenne. Ce qui donne en javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
	if (typeof(autresphotos)!= 'undefined'){
		var sudoSlider = $("#slider").sudoSlider({
		autowidth:false,
		slideCount:2
		});
		$(".PhotosAutresDetails").click(function(){
			$(".PhotoPrincDetails").attr('src', $(this).siblings('input').val()); //<- récupération du nouvel src de l'image au format m
		});	
		$(".PhotosAutresDetails").click(function(){
			$("#PhotoPrincDetails").attr('href', $(this).siblings('input').val()); //<- récupération du nouvel href de l'image au format m
		});

Je mets juste une partie du code donc pas d'inquiètude s'il manque des parenthèses fermantes ou autres ^^

au final mon image de taille moyenne se présente de cette manière en code html :

Code :

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

<a href="{$MediaPath}/m_{$Photo/Url}" id="PhotoPrincDetails" rel="zoomPhoto"><img src="{$MediaPath}/m_{$Photo[@NumMedia='0']/Url}" id="zoomPhoto" class="PhotoPrincDetails" alt="" /></a>

Jusque là tout va bien... les choses se complique parce que je souhaite afficher cette image dans un format plus grand dans une colorbox (équivalent de la ligthbox), le lien de cette nouvelle image étant {$MediaPath}/f_{$Photo/Url}...

Alors je me disais que vu qu'il y a juste une lettre qui change, j'aurais pu faire un str.replace mais j'ai beau retourner le problème dans tous les sens, faire des essais, lire des exemples sur le net, j'arrive pas à comprendre comment changer ma chaîne de caractère du href
si quelqu'un pouvait m'expliquer calmement se serait cool. merci d'avance

[RomainVALERI]

Code javascript :

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

var nouveauHref = ancienHref.replace(/\/m_/, "/f_");

...devrait fonctionner ^^