[SOLUCIONADO] 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);
}
 

[chwc]

Código Javascript:

var intervalo = setInterval(function(){comienzaSlider()}, 3000);
 

[jmm87]

sigue sin funcionar con ese cambio

[jmm87]

Iniciado por chwc

Código Javascript:

var intervalo = setInterval(function(){comienzaSlider()}, 3000);
 

Gracias por la ayudar. pero me sigue sin funcionar.. lo probaste? alguen error hay pero no lo detecto

[andresgarciadev]

Código Javascript:

$("#contenidoSlider").animate({
 

[jmm87]

sigue sin funcionar.. alguien que vea algo mas??:S

[chwc]

mira, logre hacerlo funcionar con varios cambios. primero que nada los que propuse y propuso andresgarcia, despues el $(document).on("ready") no se ejecutaba a veces, asi que lo cambie por

Código Javascript:

$(function(){
   main(); 
});
 

, ademas de eso, le faltaba una propiedad a tu #slider, position:relative ( no se tecnicamente por que hay que ponerlo en estos casos pero es nescesario )

aca esta el resultado http://jsfiddle.net/Ma6w7/
un saludo y buen trabajo !

[jmm87]

gracias a todos muchachos con un poquito de ayuda de todos funciono!!

me faltaba el ; la posicion relativa y lo ultimo que mencionaron funciona!!

function main(){
var intervalo = setInterval(function(){comienzaSlider()}, 3000);
};



lo que si si a alguien se les ocurre.. pasa de la imagen 1 a la 2.. de la 2 a la 3 y cuando llegua a la 3 para regresar a la 1 pasa primero por la dos.. osea.. 3..2..1.. en vez de hacer ...1..2..3..1..2..3

[chwc]

Iniciado por jmm87

gracias a todos muchachos con un poquito de ayuda de todos funciono!!

me faltaba el ; la posicion relativa y lo ultimo que mencionaron funciona!!

function main(){
var intervalo = setInterval(function(){comienzaSlider()}, 3000);
};



lo que si si a alguien se les ocurre.. pasa de la imagen 1 a la 2.. de la 2 a la 3 y cuando llegua a la 3 para regresar a la 1 pasa primero por la dos.. osea.. 3..2..1.. en vez de hacer ...1..2..3..1..2..3

Aunque sea leíste lo que te puse ?

[jmm87]

Si y te conteste que estaba muy agradecido!!! gracias a vos pude terminarlo!!