Hola... estoy haciendo este efecto de slide de imágenes... Pretendo cambiar la imagen de fondo en cada ronda y deslizar la imagen interior hacie el exterior.. y luego cambiar y así sucesivamente. Pero no cambia de imagen
Este es código que hice
Código Javascript
:
Ver original<script language="javascript">
function comenzar_slide(){
setInterval("cambiar_img()",5000);
}
function cambiar_img(){
var actualimg=document.getElementById('slide_box').innerHTML.substr(18,1); <!-- ver imagen actual -->
switch(actualimg){
case "1":
var next_img=2;
break;
case "2":
var next_img=3;
break;
case "3":
var next_img=4;
break;
case "4":
var next_img=5;
break;
case "5":
var next_img=1;
break;
}
document.getElementById('slide_box').style.backgroundImage='url("./slide/' + actualimg + '.png")';
deslizo_temporal=setInterval("deslizar_imagen()",100);
document.getElementById('slide_box').innerHTML="<img id='slide_imagen' src='./slide/" + next_img + ".png' style='margin-left:200px;' width='500' />";
}
function deslizar_imagen(){
var margin_tmp=0;
margin_tmp++;
document.getElementById('slide_imagen').style.marginLeft="280";
clearInterval(deslizotemporal);
}
</script>
Quiero lograrlo artesanalmente por decirlo de algún modo, sin librerías y eso... ¿Cómo puedo solucionarlo?