Slide em forma de cubo

[GuiWb 0]

Olá, meu nome é Guilherme Barbosa, e eu queria fazer uma pergunta que para quem sabe JavaScript é algo muito besta, mas como estou iniciando nessa parte de desenvolvimento de sites e ainda não sei quase nada de js, isso para mim é um bicho de sete cabeças...

 

Enfim, estou criando um portfolio onde nele estou tentando por um slide que gire que nem um cubo, enfim, depois de muito tempo consegui fazer o efeito de girar como um cubo, porém consegui fazer com o :hover utilizando somente o css, como eu quero q ele gire sozinho, sem ser no efeito hover, preciso utilizar java script. Meu código é esse:

 

CSS:

.rotate {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg); /* Text bleed at 90º */
}

JS:

 

<script type="text/javascript"> 
 
setInterval(rotate(), 1000);
 
function rotate(){
$(".rotate").CSS("-webkit-transform","rotateX(90deg)")("transform","rotateX(90deg)");
}
 
</script>

Então, ao meu ver era pra ter dado certo.. No setInterval, tem a função rotate, e o tempo, como disse sou muito iniciante em js talvez tenha um erro grotesco ai que eu não tenha notado ou nem tenha conhecimento do mesmo, se puderem apontar o que eu fiz errado ficaria grato...

[William Bruno 1501]

Veja como girar 90graus.

Está com o click do botão, mas facilmente vc adapta para o setInterval

 

http://forum.imasters.com.br/topic/482502-rodar-imagem/