ciao miwebdesign
ho ripreso questa discussione.....
dopo essere riuscito ad elaborare quello che volevo grazie al tuo prezioso aiuto, altrimenti non ci sarei mai riuscito....
ho necessità di capire perchè il lavoro svolto non funziona più.
posso postare il codice completo???

di seguito il codice:
<title>Previsioni dell'Onda in Italia | TanaOnda</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="/slidemeteo/sss.min.js"></script>
<link rel="stylesheet" href="/slidemeteo/sss.css" type="text/css" media="all">

<script>
jQuery(function($) {
$('.slider1').sss();
});
</script>

<script type="text/javascript">
(function(){
if (window.addEventListener)
{
window.addEventListener("load", nascondi_loading_screen, false);
}else{
window.attachEvent("onload", nascondi_loading_screen);
}
})();
function mostra_loading_screen()
{
document.getElementById("loading_screen").style.display = 'block';
}
function nascondi_loading_screen()
{
document.getElementById("loading_screen").style.display = 'none';
}
</script>

<style type="text/css">
#loading_screen
{
display: none;
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
background-color: black;
color: white;
text-align: center;
padding-top: 100px;
opacity: 0.5;
filter: alpha(opacity=50);
}
a:link, a:visited, a:active {text-decoration: none; color:#3F576A; }
a:hover {text-decoration: none; color:#FF5C00;transition:all 0.7s ease-out 0s;}
div:hover {transition:all 0.7s ease-out 0s;}
p {
font-size: 1.2em;
line-height: 1.2em;
font-weight: 100;
}
a {
font-family: 'Anke';
src: url(./index_file/font/Anke.eot);
src: local('Anke'), url('./index_file/font/Anke.ttf') format('truetype');
}

</style>

<div id="loading_screen">
<h1>Loading...</h1>
<p>Pagina in caricamento!<br/>
</p>
</div>
<script type="text/javascript">
mostra_loading_screen();
</script>

<div style="top:0;text-align:center;margin-left:5%;">

<a href="javascript:history.go(-1)">
<div style="width:20%;float:left;border:2px solid;border-color:#999;margin-right:1%;">
<p><< Torna</p></div></a>

<a href="https://www.tanaonda.it/index_file/meteo/ondaitalia.php" target="_top">
<div style="width:20%;float:left;border:2px solid;border-color:#999;">
<p>Full Screen >></p></div></a>

</div>
<div style="clear:both"> </div>

<div style="width:100%;height:100%;margin-top:0%;text-align:center;">

<div id="selettore" class="slider1" style="">
<?php echo file_get_contents('http://ricerca.ismar.cnr.it/MODELLI/ONDE_MED_ITALIA/ITALIA_WHDD_IMG.html'); ?>
</div>
<div style="clear:both"></div>

<script>
var path = "http://ricerca.ismar.cnr.it/MODELLI/ONDE_MED_ITALIA";
$("#selettore img").each(function(){
var url = $(this).attr("src");
$(this).attr("src",path+url);
})
</script>
</div>
<div style="clear:both"></div>

praticamente, le immagini non mi vengono più mostrate.
la pagina di riferimento è tanaonda.it/meteo.php