Condiciones de html con JS

[erxaca]

Hola, se puede hacer con JavaScript que se visualice una imagen u otra dependiendo del navegador del visitante?
Solo querria hacerlo si ocurre con IE (cualquier maldita version)

Saludos

[Adler]

Hola

Usar navigator.appName para saber cual es el navegador del usuario

Suerte

[_cronos2]

[URL="http://www.forosdelweb.com/f13/mostrar-div-firefox-solo-818089/"]http://www.forosdelweb.com/f13/mostrar-div-firefox-solo-818089/[/URL]
(Supongo que no me dejaran poner un enlace pero por intentarlo...)
Saludos (:

[erxaca]

Gracias, _cronos2 en el post que me dejaste aparece esto:

Código PHP:

  <!-- [if IE]>
 
      Tu c&oacute;digo para IE
 
<![endif]-->
 
      Tu c&oacute;digo para el resto de navegadores 
   

Lo hago de esa manera

Código PHP:

  <div id="contenido2">
      <!--[if IE 6]>
        <img id="titulo" src="images/header_completo.jpg" />
      <![endif]-->
      <img id="subtitulo" src="images/header_subtitulo.png" />
</div> 
   

Pero se me muestran ambas imagenes en IE6, tendria que poner un else? no quiero mostrar para IE6 la segunada imagen

Saludos

[_cronos2]

Evidentemente te las muestra las dos, para que no aparezca tendrías que poner algo como esto (no sé si se puede poner else, a lo mejor sí):

Código HTML:

<div id="contenido2">
 <!--[if IE 6]>
  <img id="titulo" src="images/header_completo.jpg" />
  <script type='text/javascript'>
   document.getElementById('imagenOtros').style.display = 'none';
  </script>
 <![endif]-->
 <img id="subtitulo" src="images/header_subtitulo.png" id='imagenOtros' />
</div>
 

Saludos (:

[erxaca]

Sigue mostrandose la imagen segunda, me he asegurado del nuevo id y le he quitado el antiguo por si da conflicto pero se visualiza

Código PHP:

  <!--[if IE 6]>
        <img src="images/header_completo.jpg" width="860" height="353" />
        <script type='text/javascript'>
          document.getElementById('imagenOtros').style.display = 'none';
        </script>
<![endif]-->
<img src="images/header_subtitulo.png" id="imagenOtros" /> 
  

[erxaca]

Si que funciona!! nose porque no lo haria antes.... el problema es que no se visualiza en ningun browser la segunda imagen ahora

[_cronos2]

Perdón por el otro mensaje no me di cuenta de que ya tenía un id. ¿Qué dice la consola de errores?
Saludos (:

[erxaca]

Perdón por el otro mensaje no me di cuenta de que ya tenía un id.

No te preocupes ;)

Pues esto:

Código PHP:

  Advertencia: Error al interpretar el valor para 'opacity'.  Declaración rechazada.
Archivo de origen: file:///G:/web/index.html#
Línea: 0 
   

es de un js que hace efecto fade con jquery

[_cronos2]

Pues no sé, yo de librerías y eso no tengo ni idea. Ni siquiera sé decirte si el problema viene de ahí, aunque me imagino que sí, porque en este código no aparece opacity por ningún lado. Si eso espera a que un moderador mueva tu tema al subforo de Frameworks, es lo único que se me ocurre...
Saludos (:

[erxaca]

He quitado el id del div porque era el causante de que no se viera en otros browser, el problema es que se sigue viendo la imagen en IE6 que quiero eliminar con el js de la condicion, es decir, se muestra las 2 imagenes, el codigo esta asi:

Código HTML:

 <div>
      <!--[if IE 6]>
        <img src="images/header_completo.jpg" width="860" height="353" />
        <script type='text/javascript'>
          document.getElementById('imagenOtros').style.display = 'none';
        </script>
      <![endif]-->
      <img id="imagenOtros" src="images/header_subtitulo.png" />
    </div> 

[erxaca]

Quitando el id de la capa ya desenlazo con la libreria _cronos2