Tema: No se ve la marquesina
Ver Mensaje Individual
  #10 (permalink)  
Antiguo 21/10/2010, 14:23
Avatar de el_cesar
el_cesar
 
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 22 años, 10 meses
Puntos: 20
Respuesta: No se ve la marquesina
listo, lo hice con un scroll en javascript que me encontre navegando, pero resulta que me aparecen ahora dos barras de scroll que quiero quitar y no se.

este es el codigo de la marquesina

Código Javascript: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Carousel de im&aacute;genes (marquesina horizontal)</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <style type="text/css">
  7. #fuera img{
  8.     margin-left: 5px;
  9. }
  10. </style>
  11. <script language="JavaScript" type="text/JavaScript">
  12. /*****************************************************************************
  13. Carousel de imágenes (marquesina horizontal). Script creado por Tunait! (18/8/2003) modificado el 25/12/2003.
  14. Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.
  15. No autorizo a publicar y ofrecer el código en sitios de script sin previa autorización
  16. Si quieres publicarlo, por favor, contacta conmigo.
  17. http://javascript.tunait.com/
  18. [email protected] 
  19. ******************************************************************************/
  20. var ancho = 680  // especifica la anchura a mostrar
  21. var alto = 120 // especifica la altura a mostrar (alto de las imágenes)
  22. var velo = 1 // velocidad 
  23. var dis = 2 //cantidad de pixels que desplaza por movimiento
  24.  
  25. var imagenes = new Array()
  26. imagenes[0] = new Image()
  27. imagenes[0].src = "images/alturas.jpg" // ruta o nombre de imagen 
  28. imagenes[0].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=9&Itemid=6" // link de la imagen
  29. imagenes[0].target = "_self" //target del link
  30. imagenes[1] = new Image()
  31. imagenes[1].src = "images/aspiradoras.jpg"
  32. imagenes[1].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=8&Itemid=6"
  33. imagenes[1].target = "_self"
  34. imagenes[2] = new Image()
  35. imagenes[2].src = "images/compactacion.jpg"
  36. imagenes[2].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=7&Itemid=6"
  37. imagenes[2].target = "_self"
  38. imagenes[3] = new Image()
  39. imagenes[3].src = "images/concreto.jpg"
  40. imagenes[3].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=1&Itemid=6"
  41. imagenes[3].target = "_self"
  42. imagenes[4] = new Image()
  43. imagenes[4].src = "images/corte.jpg"
  44. imagenes[4].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=2&Itemid=6"
  45. imagenes[4].target = "_self"
  46. imagenes[5] = new Image() 
  47. imagenes[5].src = "images/demolicion.jpg"
  48. imagenes[5].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=3&Itemid=6"
  49. imagenes[5].target = "_self"
  50. imagenes[6] = new Image()
  51. imagenes[6].src = "images/elevacion.jpg"
  52. imagenes[6].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=4&Itemid=6"
  53. imagenes[6].target = "_self"
  54. imagenes[7] = new Image()
  55. imagenes[7].src = "images/ensayos.jpg"
  56. imagenes[7].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=10&Itemid=6"
  57. imagenes[7].target = "_self"
  58. imagenes[8] = new Image()
  59. imagenes[8].src = "images/formaletas.jpg"
  60. imagenes[8].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=11&Itemid=6"
  61. imagenes[8].target = "_self"
  62. imagenes[9] = new Image()
  63. imagenes[9].src = "images/generadores.jpg"
  64. imagenes[9].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=5&Itemid=6"
  65. imagenes[9].target = "_self"
  66. imagenes[10] = new Image()
  67. imagenes[10].src = "images/motobombas.jpg"
  68. imagenes[10].a = "http://www.consicon.com/portal/index.php?option=com_virtuemart&page=shop.browse&category_id=6&Itemid=6"
  69. imagenes[10].target = "_self"
  70. var vel = velo
  71. pasos = 4
  72. var tot = 0
  73. var tam =0;
  74. var pos,pos2,tam2 =0;
  75. function escribe(){
  76. document.write ('<div id ="fuera" style="position:relative; width:' + ancho + 'px; height:' + alto + 'px;overflow:hidden">');
  77. document.write ('<span id="imas" style="position:absolute; width:' + tam + 'px;height:' + alto + 'px; left = -' + tam + 'px;"  onmouseover="if(detienee == 0){detienee = 1}" onmouseout="clearTimeout(tiempo);detienee=0;atras = false;vel=velo;mueve()">');
  78. for (m=0;m<imagenes.length;m++){
  79.     if(imagenes[m].a != ""){
  80.         document.write('<a href="' + imagenes[m].a + '" target="' + imagenes[m].target + '">')
  81.         }
  82.     document.write ('<img border="0"  src ="' + imagenes[m].src + '" id="ima' + m + '" name="ima' + m + '"  onload="tot++;">');
  83.     if(imagenes[m].a != ""){document.write ('</a>')}
  84.     }
  85. document.write ('</span>');
  86. document.write ('<span id="imas2" style="position:absolute; width:' + tam + 'px;height:' + alto + ';left=0;"  onmouseover="if(detienee == 0){detienee = 1}" onmouseout="clearTimeout(tiempo);detienee=0;atras = false;vel=velo;mueve()">');
  87. for (m=0;m<imagenes.length;m++){
  88.     if(imagenes[m].a != ""){
  89.         document.write('<a href="' + imagenes[m].a + '" target="' + imagenes[m].target + '">')
  90.         }
  91.     document.write ('<img border="0" src ="' + imagenes[m].src + '" id="imaa' + m + '" name="imaa' + m + '" onload="tot++;">');
  92.     if(imagenes[m].a != ""){document.write ('</a>')}
  93.     }
  94. document.write ('</span>');
  95. document.write ('</div>');
  96. }
  97. var detienee = 0,posb,pos2b;
  98. function mueve(){
  99. pos = document.getElementById('imas').style.left;
  100. pos2 = document.getElementById('imas2').style.left;
  101. pos = pos.replace(/px/,"");
  102. pos = pos.replace(/pt/,"");
  103. pos = new Number(pos);
  104. pos2 = pos2.replace(/px/,"");
  105. pos2 = pos2.replace(/pt/,"");
  106. pos2 = new Number(pos2);
  107. if(detienee == 1){
  108.     posb = pos;
  109.     pos2b = pos2;
  110.     }
  111. if(atras == true){
  112. pos-=dis;
  113. pos2 -=dis;
  114. }
  115. else{
  116. pos += dis;
  117. pos2 += dis;
  118. }
  119. if(pos2 > (ancho + dis)){
  120.     if(detienee == 0){
  121.         document.getElementById('imas2').style.left = pos  - (tam + dis);
  122.         pos2 = document.getElementById('imas2').style.left;
  123.         }
  124.     else{
  125.         document.getElementById('imas').style.left = pos 
  126.         }
  127.     }
  128. else{
  129.     document.getElementById('imas').style.left = pos 
  130.     }
  131.  
  132. if(pos > (ancho + dis)){
  133.     if(detienee == 0){
  134.         document.getElementById('imas').style.left = pos2 - (tam + dis);
  135.         pos = document.getElementById('imas').style.left;
  136.         }
  137.     else{
  138.         document.getElementById('imas2').style.left = pos2;
  139.         }
  140.     }
  141. else{
  142.     document.getElementById('imas2').style.left = pos2
  143.     }
  144. if(detienee > 0){
  145.     if(detienee == pasos){
  146.         vel = velo;
  147.         atras = true;
  148.         detienee--;
  149.         tiempo = setTimeout('mueve()',vel);
  150.         }
  151.     else{
  152.         if(atras == true){
  153.             if(detienee>(pasos/2))
  154.                 {detienee--}
  155.             else{
  156.             vel = velo;
  157.             clearTimeout(tiempo)
  158.             }
  159.             }
  160.     else{
  161.         detienee++
  162.         }
  163.     if(detienee > (pasos/2) && atras == false){vel +=10}
  164.         if(detienee < (pasos/2)){vel +=10}
  165.         tiempo = setTimeout('mueve()',vel)
  166.         }
  167.     }
  168. else{
  169. tiempo = setTimeout('mueve()',vel)
  170.     }
  171. if(atras == true){
  172.         if (pos == posb){
  173.             clearTimeout(tiempo);
  174.             atras = false;
  175.             }
  176.         }
  177. }
  178. var tiempo;
  179. var atras = false, ini;
  180. function inicio(){
  181. if(tot == (imagenes.length * 2)){clearTimeout(ini);reDimCapas();mueve()}
  182. else{ini=setTimeout('inicio()',500)}
  183. }
  184. function reDimCapas(){
  185. for(m=0;m<imagenes.length;m++){
  186.     tam +=document.getElementById('ima'+m).width + 5
  187.     document.getElementById('imas').style.left = (-tam +10);
  188.     document.getElementById('imas').style.width = tam ;
  189.     document.getElementById('imas2').style.width = tam;
  190.     }
  191. }
  192.  
  193. </script>
  194. </head>
  195.  
  196. <body onLoad="inicio();" >
  197. <table width="51%" border="0" align="center">
  198.   <tr>
  199.     <td align="center">
  200.  
  201. <script>escribe();</script>
  202.     </td>
  203.   </tr>
  204. </table>
  205.  
  206. <p> 
  207. </p>
  208. </body>
  209. </html>
__________________
Say no more.......