Este pequeño y básico slider funcionaba bien hasta que al migrar a un nuevo hosting ya no se ejecuta el javascript y carga todas las imágenes sin hacer el slider:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript'/></script>
<script type="text/javascript">
$(function(){
$('#slider div:gt(0)').hide();
setInterval(function(){
$('#slider div:first-child').fadeOut(0)
.next('div').fadeIn(0)
.end().appendTo('#slider');}, 4000);
});
</script>
<div id="slider">
<div><a href="#"><img src="images/banner1.jpg" width="940" height="344" alt="banner img" /></a></div>
<div><a href="#"><img src="images/banner1.jpg" width="940" height="344" alt="banner img" /></a></div>
<div><a href="#"><img src="images/banner2.jpg" width="940" height="344" alt="banner img" /></a></div>
<div><a href="#"><img src="images/banner3.jpg" width="940" height="344" alt="banner img" /></a></div>
<div><a href="#"><img src="images/banner4.jpg" width="940" height="344" alt="banner img" /></a></div>
<div><a href="#"><img src="images/banner5.jpg" width="940" height="344" alt="banner img" /></a></div>
<div><a href="#"><img src="images/banner6.jpg" width="940" height="344" alt="banner img" /></a></div>
<div><a href="#"><img src="images/banner7.jpg" width="940" height="344" alt="banner img" /></a></div>
</div>
En la consola del navegador me da este error: ReferenceError: $ is not defined
¿Alguna idea?