Foros del Web » Programando para Internet » Javascript »

Efecto slide con javascript

Estas en el tema de Efecto slide con javascript en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/10/2010, 09:53
 
Fecha de Ingreso: enero-2010
Mensajes: 214
Antigüedad: 14 años, 9 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

Etiquetas: efecto, slide
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:44.