slider fotos

[jmm87]

no se por que pero no me funciona!! alguien me puede ayudar? les dejo el codigo html y js:

Código HTML:

<div id="slider">
                <div id="contenidoSlider" class="contenidoSlider">
                    <img src="img/1.jpg" alt="" width="850px" height="200px">
                    <img src="img/2.jpg" alt="" width="850px" height="200px">
                    <img src="img/3.jpg" alt="" width="850px" height="200px">
                </div><!--Aca termina el slider-->
            </div>
 

Código Javascript:

var primera=1;
 
$(document).on("ready",main);
 
function main(){
    var intervalo = setInterval("comienzaSlider()", 3000);//setInterval hace algo cada determinado tiempo   
}
 
function comienzaSlider(){
    if(primera == $("#contenidoSlider img").size()){
        primera=0;
    }
    
    $(#contenidoSlider).animate({
    marginLeft: (-1 * primera * $("#contenidoSlider img").eq(0).width())
    },700);
    primera ++;
    }
 

Código CSS:

#contenidoSlider{
    height:200px;
    width:2550px;
}
 
#contenidoSlider img{
    float:left;
}
 

Código CSS:

#slider{
    height:200px;
    width:100%;
    margin-top:2px;
    margin-bottom:2px;
    overflow:hidden;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    -o-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}