utilizzo tag base in jquery

[nicolawind]

Buon di!
Non sarà facile ma provo a spiegare il mio problema!!!

1 - Nel mio sito, carico da una pagina HTML esterna, dei collegamenti ad immagini:

page html esterna ( previsioni in html ):

<a style="color: red;fontsize:8pt" href="javascript:changeImage('/immagine1111.....................GIF')">2016-03-07 03:00 <br></a>
<a style="color: red;font-size:8pt" href="javascript:changeImage('/immagine2222.....................GIF')">2016-03-07 06:00 <br></a>

Attenzione, la pagina però contiene collegamenti relativi href="/immagine1111..............GIF" , per tanto ho pensato ad un tag base.

<BASE HREF=".........it">

2 - Il href delle immagini, essendo previsioni meteo, cambia giorno per giorno, quindi ho necessità non di collegarmi semplicemente alle immagini staticamente, ma di caricarle nel mio sito, attraverso l'attributo _get della pagina html che li contiene.
Quindi carico i link nel seguente modo e li inserisco in un "menu0":

<a href="javascript:menufunc('menu0')"><p style="">Calendario<br></p></a>
<div id="menu0" style=""> 
<?php echo file_get_contents('...........it/previsioni.html'); ?>
</div>

3 - Una volta caricati, attraverso lo script, imposto le azioni:

function startmenu()


{
document.getElementById('menu0').style.display = "none";
}




function menufunc(menuId)


{


if(document.getElementById(menuId).style.display == "none")


{


startmenu();


document.getElementById(menuId).style.display = "block";

$('#menu0 a').css('font-size', '1em').css('color', '#3F576A').css('line-height', '2.2em')
.css('font-family', 'Arial').css('text-decoration', 'none');

$(document).ready(function() {
$('a').bind("mouseover", function(){
var color = $(this).css("color");


$(this).css("color", "red");


$(this).bind("mouseout", function(){
$(this).css("color", color);
}) 
}) 
})



}
else
{


startmenu();
}
}


function changeImage(filename)
{
document.getElementById('mainimage').src = filename;
}

in questa parte finale in rosso, imposto dove mostrare le immagini e come caricarle.


Il tutto funziona perfettamente!
Io però non contento, volevo sostituire il tag BASE, inserendo all'interno dello script una funzione che mi trasformasse i collegamenti relativi della pagina html, in assoluti!!!
Sono 10 giorni che ci sto provando in tutte le maniere....niente da fare!!
Spero di essermi riuscito a spiegare decentemente!!
qualcuno mi sa dire dove posso trovare qualcosa di attinente???
Vi ringrazio sin da subito per l'aiuto!

ps: ho provato inserendo la var base ma niente:

var base = document.createElement('base');
base.href = ' ........it/';
document.getElementsById('mainimage')[0].appendChild(base);