SERVICIO TECNICO Y MANTENIMIENTO
  Monstrar imagen alternativa para iPhone y iPad que no admite Flash
 
Cómo mostrar una imagen alternativa para iPhone y iPad que no admite Flash?
Animación en Flash mejora la página web mucho, pero lamentablemente Flash no es compatible con iPhone y iPad. Este tutorial te guiará cómo mostrar una imagen alternativa o contenidos alternativos en el iPhone y el iPad, donde no se admite flash.
 
Vamos a utilizar dos DIVs. La primera DIV contiene la imagen de alternativa, el segundo DIV incluye la animación flash. De forma predeterminada, el primer DIV está oculto, y el segundo DIV se muestra. A continuación, utilizar JavaScripts para detectar el tipo de navegador web, si se trata de iPhone, iPod o iPad, vamos a mostrar el primer DIV y ocultar el segundo DIV.
 
El código es el siguiente:



Code:



<div id="bepeimage" style="display:none">
<img src="flashmovie.gif">    
</div>

<div id="bepeflash" style="display:block">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="540" height="140">
<param name="movie" value="flashmovie.swf" />
<param name="quality" value="high" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="transparent" />
<embed src="flashmovie.swf"
quality="high"
type="application/x-shockwave-flash"
WMODE="transparent"
width="540"
height="140"
pluginspage="http://www.macromedia.com/go/getflashplayer"
allowScriptAccess="always" />
</object> 

</div>

<script language="javascript"> 
if ((navigator.userAgent.match(/iPad/i) != null) || (navigator.userAgent.match(/iPhone/i) != null) || (navigator.userAgent.match(/iPod/i) != null)) { document.getElementById("bepeimage").style.display = "block"; document.getElementById("bepeflash").style.display = "none"; }
</script>



Hay dos DIV en el código. La primera DIV <div id="bepeimage" style="display:none"> contiene la imagen de alternativa. De forma predeterminada, es invisible. El segundo DIV <div id="bepeflash" style="display:block"> contiene la película Flash.
 
El JavaScript es detectar el tipo de web Browsr, si es el iPhone, iPod o iPad, se mostrará el primer DIV bepeimage y ocultar el segundo DIV bepeflash.
La parte de color rojo es la direccion de imagen que se va a monstrar en los dispositivos moviles como iPhone y iPad.
 
A continuación se muestra un ejemplo. Trate de verla desde el ordenador y el iPhone o el iPad.


Pagina donde se empleo este metodo  ===> Sat Madrid
 
   
 
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=