Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/02/2011, 17:30
gcrlink
 
Fecha de Ingreso: enero-2011
Ubicación: Cali
Mensajes: 73
Antigüedad: 13 años, 4 meses
Puntos: 2
Pregunta Ayuda con script para IE

Hola a todos.

Pasa que ando probando una galería de videos que funciona con un script. Pero el mismo no me funciona para IE, aunque sí me funciona bien para los demás navegadores (FF, Chrome, Opera, Safari). Ya verifique la redacción y entiendo que está bien.

Acudo al uso de <table> porque es la única forma que conozco para obtener, sin uso de script, un scroll horizontal y funcional con css.

Por favor, necesito ayudaaaaaa ya IE me tiene

Les dejo el Código.

Código HTML:
Ver original
  1. <div id="videos_flash">
  2.          <table>
  3.          <tr>
  4.          <td class="video">
  5.                     <object width="294" height="195"><param name="movie" value="http://www.youtube-nocookie.com/v/MQo5AYwzafo?fs=1&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/MQo5AYwzafo?fs=1&amp;hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="294" height="195"></embed></object>            
  6.          </td>
  7.          <td class="video">
  8.                     <object width="294" height="195"><param name="movie" value="http://www.youtube-nocookie.com/v/lJQe8Jay8ak?fs=1&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/lJQe8Jay8ak?fs=1&amp;hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="294" height="195"></embed></object>        
  9.          </td>
  10.          <td class="video">
  11.                     <object width="294" height="195"><param name="movie" value="http://www.youtube-nocookie.com/v/8AQA0PVuo9I?fs=1&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/8AQA0PVuo9I?fs=1&amp;hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="294" height="195"></embed></object>            
  12.          </td>
  13.          <td class="video">
  14.                     <object width="294" height="195"><param name="movie" value="http://www.youtube-nocookie.com/v/JcILaRK_cKI?fs=1&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/JcILaRK_cKI?fs=1&amp;hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="294" height="195"></embed></object>            
  15.          </td>
  16.          <td class="video">
  17.                     <object width="294" height="195"><param name="movie" value="http://www.youtube-nocookie.com/v/Pq7odNgdqj0?fs=1&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/Pq7odNgdqj0?fs=1&amp;hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="294" height="195"></embed></object>            
  18.          </td>
  19.          <td class="video">
  20.                     <object width="294" height="195"><param name="movie" value="http://www.youtube-nocookie.com/v/HkqM1R73H4o?fs=1&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/HkqM1R73H4o?fs=1&amp;hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="294" height="195"></embed></object>            
  21.          </td>
  22.          </tr>
  23.          </table>
  24.          </div>
  25. </div>

Código CSS:
Ver original
  1. #contenedor_videos
  2. {
  3. float: left;
  4. margin-top: 40px;
  5. width: 1085px;
  6. height: 220px;
  7. }
  8.  
  9. #left_arrow
  10. {
  11. float: left;
  12. margin-top: 66px;
  13. width: 85px;
  14. height: 95px;
  15. cursor: pointer;
  16. background: url(../img/left1.png);
  17. }
  18.  
  19. #videos_flash
  20. {
  21.     float: left;
  22. width: 920px;
  23. height: 230px;
  24. overflow: hidden;
  25. }
  26.  
  27. .video
  28. {
  29.     padding-left: 10px;
  30. }  
  31.  
  32. .video object{
  33.     float: left;
  34.     margin-top: 10px;
  35. }

Código Javascript:
Ver original
  1. var video = 314;
  2. var move = 0;
  3. var time;
  4. function masVideos()
  5. {
  6. move += 3;
  7. if (move < 942)
  8. {
  9.   document.all.left_arrow.style.visibility = 'hidden';
  10.   document.all.videos_flash.scrollLeft = move;
  11. }
  12. if (move == video || move == video*2 || move == video*3)
  13. {
  14.   clearInterval(time);
  15.   document.all.left_arrow.style.visibility = 'visible';
  16. }
  17. }
  18.  
  19. function sumar()
  20. {  
  21. time = setInterval('masVideos()',0);
  22.  
  23. if (move == video*3)
  24. {
  25.     move = 0;
  26.   document.all.videos_flash.scrollLeft = move;
  27.     clearInterval(time);
  28. }
  29. }

De antemano gracias....

Última edición por gcrlink; 17/02/2011 a las 22:09