Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/10/2010, 09:53
MuchaDiversion
 
Fecha de Ingreso: enero-2010
Mensajes: 214
Antigüedad: 15 años, 2 meses
Puntos: 4
Efecto slide con javascript

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
  1. <script language="javascript">
  2. function comenzar_slide(){
  3. setInterval("cambiar_img()",5000);
  4. }
  5.  
  6. function cambiar_img(){
  7. var actualimg=document.getElementById('slide_box').innerHTML.substr(18,1); <!-- ver imagen actual -->
  8. switch(actualimg){
  9. case "1":
  10. var next_img=2;
  11. break;
  12. case "2":
  13. var next_img=3;
  14. break;
  15. case "3":
  16. var next_img=4;
  17. break;
  18. case "4":
  19. var next_img=5;
  20. break;
  21. case "5":
  22. var next_img=1;
  23. break;
  24. }
  25. document.getElementById('slide_box').style.backgroundImage='url("./slide/' + actualimg + '.png")';
  26. deslizo_temporal=setInterval("deslizar_imagen()",100);
  27. document.getElementById('slide_box').innerHTML="<img id='slide_imagen' src='./slide/" + next_img + ".png' style='margin-left:200px;' width='500' />";
  28. }
  29.  
  30. function deslizar_imagen(){
  31. var margin_tmp=0;
  32. margin_tmp++;
  33. document.getElementById('slide_imagen').style.marginLeft="280";
  34. clearInterval(deslizotemporal);
  35. }
  36. </script>

Quiero lograrlo artesanalmente por decirlo de algún modo, sin librerías y eso... ¿Cómo puedo solucionarlo?
__________________
Si tienes ganas de entretenerte un poco, echa un vistazo a Blubik Entretenimiento, por ver de qué va no pasa nada xD