Galeria tipo carousel

[Frankstain 0]

Olá pessoal, tem como eu criar uma galeria carousel sem utilizar plugins jquery...

[William Bruno 1501]

tem como sim...você pode até fazer o teu próprio plugin, por exemplo:

http://wbruno.com.br/blog/2012/01/26/principio-de-carousel-de-imagens-jquery-criando-um-plugin-simples/

 

 

se quiser sem jQuery dá também. Tente fazer.

[Frankstain 0]

Por onde posso começar a fazer sem usar jquery...

[William Bruno 1501]

comece pelo html e pelo css.

 

e depois estude o movimento, e como você vai ter q fazer para movimentar os elementos com setInterval(), e css

[Frankstain 0]

Usando setinterval dá pra controlar com um botão???

 

dá para controlar setinterval() com um botão....

[William Bruno 1501]

sim, dá sim.

 

estude css e javascript. Não tem muito oque eu te ajudar, se você não começar a fazer.

[Frankstain 0]

*{
margin:0;
}

#galeria
{
position:relative;
top:0;
}
#principal
{
position:relative;
border:2px solid red;
left:100px;
width:600px;
}
#foto4
{
visibility:hidden;
}
#foto5
{
visibility:hidden;
}
#foto6
{
visibility:hidden;
}
//javascript
function aparece(obj)
{

foto2.style.right="0";
obj.style.visibility="visible";

} 
function somir(obj)
{
foto2.style.right="150px";
foto3.style.right="170px";
obj.style.visibility="hidden";
document.getElementById("esquerda").disabled=true;
}


n=0;
function clicks(num)
{


if(num==1)
{
n=n+1*50;
box=document.getElementById("galeria");
box.style.left=n+"px";
if(n>=0)
{
document.getElementById("esquerda").disabled=false;
conteudo=document.getElementById("foto");
aparece(conteudo);
}
}
if(num==2)
{
n=n-1*50;
alert(n);
if(n<=0)
{
conteudo=document.getElementById("foto");
somir(conteudo);
}

box=document.getElementById("galeria");
box.style.left=n+"px";
}


}






function inicio()
{

document.getElementById("esquerda").disabled=false;
document.getElementById("direita").addEventListener("click",function(){clicks(1)},false);
document.getElementById("esquerda").addEventListener("click",function(){clicks(2)},false);
}