Tworzę aplikację HTML5 z jednym plikiem, która ma wszystkie zasoby obrazu osadzone jako Data Uri
. Ta aplikacja zawiera galerię obrazów (fantazyjne pudełko), która używa znaczników <a>
jako źródła obrazu wyświetlanego w wyskakującym okienku, podobnie jak wiele innych. na przykładUżywanie danych Uri jako href tagu
<li>
<a href="photos/FL6C2632.jpg">
<img src="data:image/jpeg;base64,somebase64stringetc014564hkjhkj" />
</a>
</li>
Wymiana atrybut znacznika img
z danymi uri działa zgodnie z oczekiwaniami src
jednak zastępując a
tagu href
z base64 ekwiwalentu zamiast jakiejś prawdziwej ścieżki do obrazu nie.
Czy w ogóle istnieje możliwość wykorzystania danych uri w atrybucie href zamiast w istniejącej fizycznej lokalizacji?
Tak na przykład (który nie działa)
<li>
<a href="data:image/jpeg;base64,someotherbase64stringetc014564hkjhkj">
<img src="data:image/jpeg;base64,somebase64stringetc014564hkjhkj" />
</a>
</li>
Wygląda na to, że nie wszystkie przeglądarki obsługują identyfikatory URI danych do nawigacji. IE nie, [powołując się na względy bezpieczeństwa] (http://msdn.microsoft.com/en-us/library/cc848897.aspx). – BoltClock
Oprócz komentarza @BoltClock, fancybox może nie rozpoznać, że link (base64) jest obrazem, więc musisz go określić. Sprawdź http://stackoverflow.com/a/17554660/1055987 dla opcji – JFK