Tôi đang tạo một ứng dụng HTML5 tệp đơn lẻ có tất cả các tài nguyên hình ảnh được nhúng dưới dạng Data Uri
. Ứng dụng này có chứa một thư viện hình ảnh (hộp ưa thích) sử dụng các thẻ <a>
làm nguồn của hình ảnh hiển thị trong cửa sổ bật lên của nó, giống như nhiều ảnh khác. ví dụ.Sử dụng dữ liệu Uri làm href của một thẻ
<li>
<a href="photos/FL6C2632.jpg">
<img src="data:image/jpeg;base64,somebase64stringetc014564hkjhkj" />
</a>
</li>
Thay thế src
thuộc tính của thẻ img
với dữ liệu uri hoạt động như mong đợi, tuy nhiên thay thế a
thẻ của href
với một tương đương base64 chứ không phải là một số con đường chính hãng để một hình ảnh không.
Có cách nào để có thể sử dụng dữ liệu uri trong thuộc tính href hơn là vị trí thực tế hiện tại không?
Vì vậy, ví dụ (mà không làm việc)
<li>
<a href="data:image/jpeg;base64,someotherbase64stringetc014564hkjhkj">
<img src="data:image/jpeg;base64,somebase64stringetc014564hkjhkj" />
</a>
</li>
Dường như không phải tất cả trình duyệt đều hỗ trợ URI dữ liệu để điều hướng. IE không, [lý do bảo mật] (http://msdn.microsoft.com/en-us/library/cc848897.aspx). – BoltClock
Ngoài nhận xét @BoltClock, fancybox có thể không nhận ra rằng liên kết (base64) là hình ảnh để bạn phải chỉ định nó. Kiểm tra http://stackoverflow.com/a/17554660/1055987 để biết các tùy chọn – JFK