6
Ich erstelle eine HTML5-Anwendung für eine einzige Datei, die alle Bildressourcen als Data Uri eingebettet hat. Diese Anwendung enthält eine Bildergalerie (Phantasie-Box), die <a> Tags als Quelle des Bildes verwendet, um in seinem Popup anzuzeigen, wie viele andere tun. z.B.Verwenden Sie Data Uri als die href eines a-Tags
<li>
<a href="photos/FL6C2632.jpg">
<img src="data:image/jpeg;base64,somebase64stringetc014564hkjhkj" />
</a>
</li>
Ersetzen der src Attribut des img Tag mit Daten uri wie erwartet funktioniert, aber ersetzt die a -Tags href mit einem Base64 Äquivalent anstatt einige echte Pfad zu einem Bild nicht.
Gibt es überhaupt überhaupt die Möglichkeit, Daten-URI in einem href-Attribut anstatt in einem vorhandenen physischen Speicherort zu verwenden?
So zum Beispiel (das nicht funktioniert)
<li>
<a href="data:image/jpeg;base64,someotherbase64stringetc014564hkjhkj">
<img src="data:image/jpeg;base64,somebase64stringetc014564hkjhkj" />
</a>
</li>
Es sieht so aus, als ob nicht alle Browser Daten-URIs für die Navigation unterstützen. IE nicht, [aus Sicherheitsgründen] (http://msdn.microsoft.com/en-us/library/cc848897.aspx). – BoltClock
Zusätzlich zum @BoltClock-Kommentar erkennt fancybox möglicherweise nicht, dass der Link (base64) ein Bild ist, daher müssen Sie ihn angeben. Überprüfen Sie http://StackOverflow.com/a/17554660/1055987 für Optionen – JFK