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?