Изменение src

Цикл сам остановится на последней картинке.

Через JavaScript

Если, что спрашивайте, мы ответим :)

Вы уже пытались что-то сделать сами?

Только на css

Помнится в свое время нужно было все картинки находящиеся в теге section обернуть в дополнительную разметку для fancybox.

Сделал так:

$(document).ready(function() 
{
	$( 'section img' ).each( function() 
	{
		if ( !$( this ).hasClass( 'captcha' ) ) 
		{
			$( this ).before( '<a class="fancyimage" data-fancybox-group="group" href="' + $( this ).attr( 'src' ) 
			+ '"><img style="' + $( this ).attr( 'style' ) + '" src="' + $( this ).attr( 'src' ) + '"></a>' );
			$( this ).remove();
		}
	});
	$( 'a.fancyimage' ).fancybox();
});

Пример перебора всех картинок:

$(document).ready(function() 
{
	$( 'img' ).each( function() 
	{
		var old_src = $( this ).attr( 'src' );
		var new_src = '/uploads' + old_src;
		
		$( this ).attr( 'src', new_src );
	});
});

песочница

https://jsfiddle.net/48zrdcru/ всего-лишь набросок

спасибо!!!