Liên kết hình ảnh trên iPhone không thể nhấp được

Question

Tôi có chữ ký được sử dụng trong triển vọng. Chữ ký có một hình ảnh ở phía dưới và một liên kết bao gồm hình ảnh. Trên máy tính, bạn có thể nhấp vào hình ảnh và được đưa đến liên kết trong khi trên iPhone, nó yêu cầu bạn lưu hình ảnh hoặc sao chép hoặc hủy. Thỉnh thoảng tôi đã nhận thấy nó hoạt động nhưng không thể xác định khi nào nó liên kết và khi nó yêu cầu sao chép hình ảnh.

Mã này là mã có liên quan cho hình ảnh/link

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

Sửa 1: Chỉ cần kiểm tra một số chi tiết, nếu tôi đi vào trình duyệt web trên IPhone và sau đó trở lại vào mail và nhấp vào hình ảnh nó đi đến liên kết mà không cần nhắc lưu hình ảnh.

Chỉnh sửa 2: Chỉnh sửa 1 chỉ hoạt động trên iPhone 4 phiên bản 5.1 (không hoạt động trên 4S chưa kiểm tra những người khác). Cũng hoạt động trên ipad 3 phiên bản 5.1

Chỉnh sửa 3: Cũng không hoạt động trên 3g iphone hoặc phiên bản 5.1 Tôi sẽ đánh dấu vấn đề này là một vấn đề về iphone và nói jme1988 là chính xác trừ khi ai đó đến với thứ khác.

Cảm ơn sự giúp đỡ của bạn

Answer 1

Âm thanh như một vấn đề với Iphone với tôi (sẽ không làm tôi ngạc nhiên). Trình đơn bật lên có khả năng là do ứng dụng Email không thể khởi chạy cửa sổ trình duyệt khi nó chưa được khởi động (do đó tại sao nó hoạt động đôi khi và không hoạt động).

Answer 2

Bạn phải sử dụng thẻ bản đồ để thẻ hoạt động. Dưới đây là một ví dụ sử dụng một bức tranh facebook liên kết đến facebook sử dụng bản đồ:

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

Nếu bạn không quen thuộc với điều này, hãy thử dán mã trong một tài liệu .html và kiểm tra xem nó ra (nên công việc). Thông thường, bạn đặt "ánh xạ" ngay trước </body>.

Trên giao diện coords, bạn nên sử dụng x1, y1, x2, y2 âm mưu. Điều này có nghĩa là bạn muốn ánh xạ hình ảnh hình chữ nhật từ trên cùng bên trái đến góc dưới cùng bên phải của kích thước hình ảnh. Điều này dường như hoạt động trên phiên bản 3G.

Answer 3

Tôi không chắc chắn nếu đề xuất của tôi là phương pháp hay nhất, nhưng giải pháp bản đồ hình ảnh không hoạt động đối với tôi (iOS 6.1 trên iPhone 4s).

Thay vào đó, tôi đã chỉ cần đặt một minh bạch "a href" trên đầu trang của hình ảnh mong muốn có thể click của tôi:

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

  Ngoài ra, tôi đã phải rời khỏi gốc "a href" xung quanh hình ảnh cũng chính vì liên kết trong suốt không hoạt động trên Outlook trên PC.

Hy vọng điều này sẽ hữu ích.

Answer 4

Tôi thực sự đã tìm thấy giải pháp hoạt động trên iOS 6.1.2 cũng như Apple Mail trên máy tính để bàn (6.0):

Kết hợp các phương pháp tiếp cận trên:

<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

Hãy chắc chắn rằng bạn đang liên kết đến hình ảnh thay vì sử dụng một tập tin đính kèm. Xem Why anchors tag containing an image don't work in Iphone's mail app?.

Answer 6

Tôi đang tìm giải pháp cho cùng một vấn đề.

Đó là tất cả giải thích (với một giải pháp) ở đây: Image in signature shows as attachment

Bỏ qua các tiêu đề, phương pháp này làm việc cho tôi.

Answer 7

Thử áp dụng css sau đây vào thẻ hình ảnh của bạn và đảm bảo thẻ được thêm dưới dạng kiểu nội tuyến.

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