Ссылка на изображение на iPhone не активна

У меня есть подпись, которая используется в outlook. Подпись имеет изображение внизу и ссылку, которая охватывает изображение. На компьютерах вы можете нажать на изображение и перейти по ссылке, в то время как на iPhone он просит вас сохранить изображение или скопировать или отменить. Иногда я замечал, что это работает, но не смог определить, когда он ссылается, и когда он просит скопировать изображение.

Код является соответствующим кодом для изображения / ссылки

    <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>

Редактировать 1: Просто попробуйте еще раз, если я зайду в веб-браузер на IPhone, а затем вернусь в почту и нажму на изображение, которое идет по ссылке, без запроса сохранения изображения.

Редактировать 2: Редактировать 1 работает только на iphone 4 версии 5.1 (не работает на 4S не проверял другие). Также работает на Ipad 3 версии 5.1

Редактировать 3: Также не работает на 3g iphone версии 5.1. Я отмечу это как проблему с iphone и скажу, что jme1988 верна, если кто-то не придумает что-то еще.

Спасибо за помощь

Источник

7 ответов

Решение

Похоже, проблема с Iphone для меня (не удивит меня). Скорее всего, всплывающее меню, потому что почтовый клиент не может запустить окно браузера, когда оно еще не запущено (следовательно, иногда оно работает, а другие нет).

Источник

Вы должны использовать теги карты, чтобы заставить его работать. Вот пример использования картинки из Facebook, ссылающейся на facebook с помощью карты:

<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>

Если вы не знакомы с этим, попробуйте вставить код в HTML-документ и проверить его (должно работать). Как правило, вы ставите "сопоставления" непосредственно перед </body>,

На coords Аргументация, вы должны использовать графики x1,y1,x2,y2. Это означает, что вы хотите отобразить прямоугольное изображение от верхнего левого до нижнего правого размера изображения. Похоже, это работает на версии 3G.

Источник

На самом деле я нашел решение, которое работает как на iOS 6.1.2, так и на настольном компьютере Apple Mail (6.0):

Объедините вышеперечисленные подходы:

<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>
Источник

Попробуйте применить следующий CSS к вашему тегу изображения и убедитесь, что он добавлен как встроенный стиль.

-webkit-touch-callout: none;
-webkit-user-select: none;
Источник

Убедитесь, что вы ссылаетесь на изображение, а не используете вложение. См. Почему тег якоря, содержащий изображение, не работает в почтовом приложении Iphone?,

Источник

Я не уверен, что мое предложение является наилучшей практикой, но решение с картой изображений не сработало для меня (iOS 6.1 на iPhone 4s).

Вместо этого я просто поместил прозрачный "href" поверх желаемого кликабельного изображения:

<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">

Кроме того, мне пришлось оставить оригинальное "href" вокруг самого изображения, потому что прозрачная ссылка не работала в Outlook на ПК.

Надеюсь это поможет.

Источник

Я искал решение той же проблемы.

Это все объяснено (с решением) здесь: Изображение в подписи показано как приложение

Не обращайте внимания на название, этот метод работал для меня.

Источник
Другие вопросы по тегам