No se puede hacer clic en el enlace de imagen en el iPhone

Question

Tengo una firma que se usa en outlook. La firma tiene una imagen en la parte inferior y un enlace que abarca la imagen. En las computadoras, puede hacer clic en la imagen y llevarla al enlace, mientras que en el iPhone le pide que guarde la imagen, o la copie o la cancele. En ocasiones, me he dado cuenta de que funciona pero no he podido determinar cuándo se vincula y cuándo solicita copiar la imagen.

El código es el código correspondiente para la imagen/enlace

<table> 
    <tr> 
     <td> 
      <span style="font-size: 10pt; font-family: Calibri"> 
       <br/> 
       <!-- begin ad tag --> 
       <a href="LINK" target="_blank"> 
       <img src="IMAGE" border="0" alt="" /></a> 
       <!-- end ad tag --> 
      </span> 
     </td> 
    </tr> 
    </table> 

Edición 1: Sólo probar un poco más, si entro en el navegador web en el iPhone y luego de nuevo en el correo y haga clic en la imagen va al enlace sin pedir guardar la imagen.

Editar 2: Editar 1 funciona solo en el iphone 4 versión 5.1 (no funciona en 4S no ha probado otros). También funciona en ipad 3 versión 5.1

Edit 3: Tampoco funciona en 3g iphone versión 5.1 Voy a marcar esto como un problema de iphone y decir que jme1988 es correcto a menos que a alguien se le ocurra algo más.

Gracias por su ayuda

Answer 1

Suena como un problema con el Iphone a mí (no me extrañaría). El menú que aparece es probable porque el cliente de correo electrónico no puede iniciar la ventana del navegador cuando aún no se ha iniciado (por lo tanto, por qué funciona algunas veces y otras no).

Answer 2

Tienes que usar las etiquetas de mapa para que funcione. Aquí hay un ejemplo usando una imagen facebook facebook ligarse a usar el mapa:

<img src="http://cdn2.iconfinder.com/data/icons/web2/Icons/FaceBook_128x128.png" alt="Facbook" usemap="#facebook" /> 

<map name="facebook"> 
    <area shape="rect" coords="0,0,128,128" href="http://www.facebook.com" alt="Facebook" /> 
</map> 

Si no está familiarizado con esto, intente pegar el código en un documento html y comprobar que funciona (debe trabajo). Normalmente, coloca las "asignaciones" justo antes del </body>.

En el argumento coords, debe usar el trazado x1, y1, x2, y2. Lo que esto significa es que desea asignar una imagen rectangular desde la parte superior izquierda a la parte inferior derecha del tamaño de la imagen. Esto parece funcionar en la versión 3G.

Answer 3

No estoy seguro de si mi sugerencia es la mejor práctica, pero la solución de mapa de imágenes no funcionó para mí (iOS 6.1 en iPhone 4s).

En cambio, he acaba de colocar un sistema transparente "a href" en la parte superior de la imagen seleccionable deseada:

<a href="http://LINK" id="clickable" style="width:441px; height:244px; position:absolute; top:303px; left:46px; background-color:rgba(0,0,0,0); z-index:99"> 

  Además, he tenido que dejar el original "a href" alrededor de la imagen también, porque el enlace transparente no funcionó en Outlook para PC.

Espero que esto ayude.

Answer 4

De hecho, encontré una solución que funciona en iOS 6.1.2 y Apple Mail de escritorio (6.0):

combinar los enfoques anteriormente:

<a href="http://foo"> 
    <img src="http://bar" usemap="linkmap" alt="Click me" title="Click me"/> 
    <map name="linkmap"> 
    <area shape="rect" coords="0,0,80,80" href="http://foo" alt="Click me" /> 
    </map> 
</a> 

Answer 5

Asegúrese de que va a asociar a la imagen en lugar de utilizar un archivo adjunto. Ver Why anchors tag containing an image don't work in Iphone's mail app?.

Answer 6

Estaba buscando una solución al mismo problema.

Todo se explicó (con una solución) aquí: Image in signature shows as attachment

ignorar el título, este método ha funcionado para mí.

Answer 7

Intente aplicar el siguiente CSS a su etiqueta de imagen y asegúrese de que se haya agregado como un estilo en línea.

-webkit-touch-callout: none; 
-webkit-user-select: none;