Fancybox2 Base64圖像在IE中不工作

我打算用base64圖片在fancybox。Fancybox2 Base64圖像在IE中不工作

我的代碼是這樣的：

<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script> 
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css?v=2.1.4" type="text/css" media="screen" /> 
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js?v=2.1.4"></script> 

<a class='fancybox' rel='album' href='data:image/gif;base64,R0lGODlhUAAPAKIAAAsLav///88PD9WqsYmApmZmZtZfYmdakyH5BAQUAP8ALAAAAABQAA8AAAPb 
WLrc/jDKSVe4OOvNu/9gqARDSRBHegyGMahqO4R0bQcjIQ8E4BMCQc930JluyGRmdAAcdiigMLVr 
ApTYWy5FKM1IQe+Mp+L4rphz+qIOBAUYeCY4p2tGrJZeH9y79mZsawFoaIRxF3JyiYxuHiMGb5KT 
kpFvZj4ZbYeCiXaOiKBwnxh4fnt9e3ktgZyHhrChinONs3cFAShFF2JhvCZlG5uchYNun5eedRxM 
AF15XEFRXgZWWdciuM8GCmdSQ84lLQfY5R14wDB5Lyon4ubwS7jx9NcV9/j5+g4JADs=' title='Description'"><img src='data:image/gif;base64,R0lGODlhUAAPAKIAAAsLav///88PD9WqsYmApmZmZtZfYmdakyH5BAQUAP8ALAAAAABQAA8AAAPb 
WLrc/jDKSVe4OOvNu/9gqARDSRBHegyGMahqO4R0bQcjIQ8E4BMCQc930JluyGRmdAAcdiigMLVr 
ApTYWy5FKM1IQe+Mp+L4rphz+qIOBAUYeCY4p2tGrJZeH9y79mZsawFoaIRxF3JyiYxuHiMGb5KT 
kpFvZj4ZbYeCiXaOiKBwnxh4fnt9e3ktgZyHhrChinONs3cFAShFF2JhvCZlG5uchYNun5eedRxM 
AF15XEFRXgZWWdciuM8GCmdSQ84lLQfY5R14wDB5Lyon4ubwS7jx9NcV9/j5+g4JADs=' style='border:0px;vertical-align:middle;margin-top:4px;margin-right:4px;margin-bottom:4px;margin-left:4px;'> </a>

它工作在所有瀏覽器（IE，火狐，Safari，Chrome瀏覽器），但如果以base64圖像較大（數據：圖像/ JPG超過60000個字符），它不能在IE中顯示。

這種情況下的任何經驗和解決方案？

謝謝 LW

來源

2013-05-05 Lawrence Wong

有在Internet Explorer中的圖像編碼支持Base64限制。爲什麼首先使用base64而不是真實圖像？這些有很多優點。 – 2013-05-05 07:57:40

這不是一個fancybox問題，是一個IE限制。 – JFK 2013-05-05 17:52:55

感謝Pekka和JFK的評論。這是因爲我將圖像作爲二進制數據存儲在mysql中，每個記錄與自己的圖像匹配。 – 2013-05-06 04:28:22

你可以試試這個：一個ID屬性添加到您的圖片和鏈接到這個ID

<a class='fancybox' rel='album' href='#ImgBase64' title='Description'"> 
<img src='data:image/gif;base64,...' ID='ImgBase64'> 
</a>

來源

2015-11-30 10:00:21 yonel

Fancybox2 Base64圖像在IE中不工作

回答

相關問題