Tema: Problemas con IE, no se ven fondos y se cae el menú
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 15/02/2011, 20:34
Avatar de rw523252
rw523252
 
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 15 años, 4 meses
Puntos: 5
Respuesta: Problemas con IE, no se ven fondos y se cae el menú
Esta es la primera parte, hasta el slider, osea jquery y html, si sube, ya subo la segunda parte, gracias por darme una mano, saludos.

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Víctor Raúl Brusa</title>
  6. <link href="estilos.css" rel="stylesheet" type="text/css" />
  7.  
  8. <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
  9. <script type="text/javascript" src="js/jquery.scrollTo.js"></script>
  10.  
  11. <script>
  12. $(document).ready(function() {
  13.  
  14.     //Speed of the slideshow
  15.     var speed = 5000;
  16.     
  17.     //You have to specify width and height in #slider CSS properties
  18.     //After that, the following script will set the width and height accordingly
  19.     $('#mask-gallery, #gallery li').width($('#slider').width());    
  20.     $('#gallery').width($('#slider').width() * $('#gallery li').length);
  21.     $('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());
  22.     
  23.     //Assign a timer, so it will run periodically
  24.     var run = setInterval('newsscoller(0)', speed); 
  25.     
  26.     $('#gallery li:first, #excerpt li:first').addClass('selected');
  27.  
  28.     //Pause the slidershow with clearInterval
  29.     $('#btn-pause').click(function () {
  30.         clearInterval(run);
  31.         return false;
  32.     });
  33.  
  34.     //Continue the slideshow with setInterval
  35.     $('#btn-play').click(function () {
  36.         run = setInterval('newsscoller(0)', speed); 
  37.         return false;
  38.     });
  39.     
  40.     //Next Slide by calling the function
  41.     $('#btn-next').click(function () {
  42.         newsscoller(0); 
  43.         return false;
  44.     }); 
  45.  
  46.     //Previous slide by passing prev=1
  47.     $('#btn-prev').click(function () {
  48.         newsscoller(1); 
  49.         return false;
  50.     }); 
  51.     
  52.     //Mouse over, pause it, on mouse out, resume the slider show
  53.     $('#slider').hover(
  54.     
  55.         function() {
  56.             clearInterval(run);
  57.         }, 
  58.         function() {
  59.             run = setInterval('newsscoller(0)', speed); 
  60.         }
  61.     );  
  62.     
  63. });
  64.  
  65.  
  66. function newsscoller(prev) {
  67.  
  68.     //Get the current selected item (with selected class), if none was found, get the first item
  69.     var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
  70.     var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');
  71.  
  72.     //if prev is set to 1 (previous item)
  73.     if (prev) {
  74.         
  75.         //Get previous sibling
  76.         var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
  77.         var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');
  78.     
  79.     //if prev is set to 0 (next item)
  80.     } else {
  81.         
  82.         //Get next sibling
  83.         var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
  84.         var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
  85.     }
  86.  
  87.     //clear the selected class
  88.     $('#excerpt li, #gallery li').removeClass('selected');
  89.     
  90.     //reassign the selected class to current items
  91.     next_image.addClass('selected');
  92.     next_excerpt.addClass('selected');
  93.  
  94.     //Scroll the items
  95.     $('#mask-gallery').scrollTo(next_image, 800);       
  96.     $('#mask-excerpt').scrollTo(next_excerpt, 800);                 
  97.     
  98. }
  99. function MM_swapImgRestore() { //v3.0
  100.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  101. }
  102. function MM_preloadImages() { //v3.0
  103.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  104.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  105.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  106. }
  107.  
  108. function MM_findObj(n, d) { //v4.01
  109.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  110.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  111.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  112.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  113.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  114. }
  115.  
  116. function MM_swapImage() { //v3.0
  117.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  118.    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  119. }
  120. </script>
  121.  
  122.  
  123.  
  124.  
  125.  
  126. <link href="estilonewsslider.css" rel="stylesheet" type="text/css" />
  127.  
  128. <link href="css/jd.gallery.css" rel="stylesheet" type="text/css" />
  129.  
  130. <link href="css/ReMooz.css" rel="stylesheet" type="text/css" />
  131. </head>
  132.  
  133. <body onload="MM_preloadImages('imagenes/logo_lapaulina.jpg','imagenes/la_piamontesa_hover.jpg','imagenes/natura_hover.jpg','imagenes/aceitera_g_d_hover.jpg')">
  134.  
  135. <div id="contenedor">
  136.  
  137. <div id="blanco">
  138.  
  139. <div id="fotoizq">
  140. </div>
  141.  
  142. <div id="logo">
  143.   <img src="imagenes/logo_cabecera.jpg" width="245" height="81" alt="victor raúl brusa" /></div>
  144.  
  145.  
  146. <div id="espacio">
  147. <h3><em>...treinta años acercando calidad,<br />
  148.   servicio y experiencia...</em></h3>
  149. </div>
  150.  
  151. <div id="fotoder">
  152. </div>
  153.  
  154.  
  155. </div>
  156.  
  157. <div id="botonera">
  158. <ul>
  159. <li><a href="index.html" target="_self">Home</a></li>
  160. <li><a href="quienessomos.html" target="_self">Quienes Somos</a></li>
  161. <li><a href="servicios.html" target="_self">Servicios</a></li>
  162. <li><a href="productos.html" target="_self">Productos</a></li>
  163. <li><a href="formulario.html" target="_self">Contacto</a></li>
  164. <li><a href="http://misitio.vzpla.net/miblog/" target="_blank" class="ultimo" >Blog</a></li>
  165. </ul>
  166.  
  167. </div>
  168.  
  169. <div id="encabezado">
  170.  
  171.  
  172.  
  173. <div id="mijquery">
  174.  
  175. <div id="debug"></div>