Basculer entre haute et basse résolution image avec jQuery

Question

J'ai un div sur ma page qui a une image à l'intérieur de celui-ci, sur cliquez sur la div se développe et je permute l'image pour la version haute résolution correspondante.

Je suis en train de faire ce qui suit ...

$('.work-showcase').click(function(){ 
    if (!$(this).hasClass('active')){ 
     var img = $(this).find('ul li img'); 
     img.attr('src', function(i, value) { 
      return '_includes/images/work/hires/' + value; 
     }); 
    } else { 
     var img = $(this).find('ul li img'); 
     img.attr('src', function(i, value) { 
      return '' + value; 
     }); 

    }; 
}); 

Mon problème est la dernière partie mais je dois enlever '' _includes/images/travail/employés/''

Peut quelqu'un recommande une solution?

Answer 1

Vous devez supprimer le chemin d'accès ajouté pour restaurer l'URL précédente, vous pouvez utiliser replace() pour supprimer le chemin d'accès ajouté au début.

changement

return '' + value; 

Pour

return value.replace('_includes/images/work/hires/', ''); 

Answer 2

var path = '_includes/images/work/hires/'; 
$('.work-showcase').click(function(){ 
    if (!$(this).hasClass('active')){ 
     var img = $(this).find('ul li img'); 
     img.attr('src', function(i, value) { 
      return path + value; 
     }); 
    } else { 
     var img = $(this).find('ul li img'); 
     img.attr('src', function(i, value) { 
      return value.substring(path.length); 
     }); 

    }; 
}); 

Voici le document sur les sous-chaîne() http://www.w3school.com.cn/js/jsref_substring.asp.