Tenés muchos ids repetidos y eso está generando problemas en tu código, ya que siempre levanta el src del mismo elemento. Te recomiendo que lo soluciones usando clases en vez de ids, ya que las mismas pueden repetirse.
Mientras tanto, podés salir del apuro haciendo algo así:
Código Javascript
:
Ver original$(document).ready(function(){
$('li #caption').on('click',function(){
var src = $(this).find('#info').attr('src');
var img = '<img src="' + src + '" class="img-responsive"/>';
console.log(src);
$('#myModal').modal();
$('#myModal').on('shown.bs.modal', function(){
$('#myModal .modal-body').html(img);
});
$('#myModal').on('hidden.bs.modal', function(){
$('#myModal .modal-body').html('');
});
});
});
Saludos