What you need is to run a code that changes the src attribute to each image.

Since you already have a vectorImagens , use:

$('#ri-grid img').each(function(i){
    vectorImagens[i] && this.setAttribute('src', vectorImagens[i]); 
});
// Explicação:
// Iterar todas as imagens e usar o parametro i (index) que o jQuery dá para ir 
// buscar o correspondente à array vectorImagens

If there are fewer images in% w_of% than% w_th elements, you can do so:

var contador = 0;
$('#ri-grid img').each(function(){
    if(!vectorImagens[contador]) contador = 0;
    this.setAttribute('src', vectorImagens[contador]);
    contador ++;
});
// Explicação:
// Iterar todas as imagens e usar o parametro contador para ir 
// buscar o correspondente à array vectorImagens. 
// No caso de não existir tal imagem, o if() dá true e faz reset ao contador.
// Assim a iteração de imagens continua mas a imagem buscada volta ao inicio 
// da array de imagens (vectorImagens)

Example

Option only with vanilla JS:

var contador = 0;
var imagens = document.getElementById("ri-grid").getElementsByTagName("img");
for (var i = 0; i < imagens.length; i++) {
    if (!vectorImagens[contador]) contador = 0;
    imagens[i].setAttribute('src', vectorImagens[contador]);
    contador++;
};

Example

It's simple, using jQuery you can do the following:

var vectorImagens = ["images/medium/3.jpg","images/medium/4.jpg"];//exemplo
var len = vectorImagens.length; //tamanho do vectorImagens
var imagens = $('#ri-grid ul li a img'); //os elementos img
for(var i=0; i < len; i++){ //percorre o tamanho do vectorImagens
    imagens.eq(i).attr('src', vectorImagens[i]);
}

JSFiddle Example