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 :
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 :
<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
Partager