Cambiar una imagen males en JavaScript

  • b_heyer
  • Web Master
  • Web Master
  • Avatar de Usuario
  • Registrado: Jun 15, 2003
  • Mensajes: 4583
  • Loc: Maryland
  • Status: Offline

Nota Marzo 16th, 2004, 4:06 pm

Ok bien empezar con el Código IM usando:
Código: [ Select ]
...
<body>
<script language="JavaScript">
if (screen.width<2000)
{
document.getElementById('header_img').src = "images/800newbefre.jpg";
}
</script>

<div id='header'>
    <img id='header_img' src='images/newbefre.jpg' />
</div>
...
  1. ...
  2. <body>
  3. <script language="JavaScript">
  4. if (screen.width<2000)
  5. {
  6. document.getElementById('header_img').src = "images/800newbefre.jpg";
  7. }
  8. </script>
  9. <div id='header'>
  10.     <img id='header_img' src='images/newbefre.jpg' />
  11. </div>
  12. ...

(puntos sólo significan más a la página, pero todos unrelevant)

Como se puede ver a nadie con una resolución normal en 2000px (se cansó de correr más a los padres de ordenador) debe conseguir images/800newbefre.jpg. Sin embargo, me sale este error:

Código: [ Select ]
Error: document.getElementById("header_img") has no properties
Source File: http://before-reality.net/newbefre/
Line: 12
  1. Error: document.getElementById("header_img") has no properties
  2. Source File: http://before-reality.net/newbefre/
  3. Line: 12


Alguien tiene alguna idea de lo que estoy haciendo mal? ¿Es por el nido? No pensé que importaba de anidación con getElementById ();

Cualquier ayuda será apreciada!
Pixel Acres V2
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Marzo 16th, 2004, 4:06 pm

  • RichB
  • Guru
  • Guru
  • Avatar de Usuario
  • Registrado: May 17, 2003
  • Mensajes: 1121
  • Loc: Boston
  • Status: Offline

Nota Marzo 16th, 2004, 4:27 pm

No creo que se puede hacer referencia al elemento de identificación antes de que en realidad ha sido creado y su guión está antes que el IMG en sí. Dado que el código no está dentro de una función llamada de tarde en la página, su funcionamiento de forma inmediata y no theres un elemento con la ID todavía.

Tal vez usted podría utilizar document.write y una etiqueta "noscript" en su lugar. Creo que thats what BWM utilizado para su uso con el logotipo de Ozzu edad.:

Código: [ Select ]
<script language="JavaScript">
if (screen.width < 2000) {
    document.write("<div id='header'><img id='header_img' src='images/small.gif' /></div>");
}
else {
    document.write("<div id='header'><img id='header_img' src='images/big.gif' /></div>");
}
</script>
<noscript>
<div id='header'><img id='header_img' src='images/small.gif' />
</noscript>
  1. <script language="JavaScript">
  2. if (screen.width < 2000) {
  3.     document.write("<div id='header'><img id='header_img' src='images/small.gif' /></div>");
  4. }
  5. else {
  6.     document.write("<div id='header'><img id='header_img' src='images/big.gif' /></div>");
  7. }
  8. </script>
  9. <noscript>
  10. <div id='header'><img id='header_img' src='images/small.gif' />
  11. </noscript>
Free Programming Resources
  • _Leo_
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Feb 17, 2004
  • Mensajes: 279
  • Loc: Buenos Aires, Argentina
  • Status: Offline

Nota Marzo 16th, 2004, 6:15 pm

Pruebe esto:

Código: [ Select ]
<script language="JavaScript">
if (screen.width<2000)
{
document.images.namedItem('header_img').src = "images/800newbefre.jpg";
}
</script>
  1. <script language="JavaScript">
  2. if (screen.width<2000)
  3. {
  4. document.images.namedItem('header_img').src = "images/800newbefre.jpg";
  5. }
  6. </script>


Su DOM nivel 2 Compliant y deben trabajar.
  • b_heyer
  • Web Master
  • Web Master
  • Avatar de Usuario
  • Registrado: Jun 15, 2003
  • Mensajes: 4583
  • Loc: Maryland
  • Status: Offline

Nota Marzo 17th, 2004, 3:28 pm

RichB es correcta...su ahora todos los fijos :)
Pixel Acres V2

Publicar Información

  • Total de mensajes en este tema: 4 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 117 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC