2009-04-26 13 views

Antwort

1

einen Bildeditor fügen Sie den gewünschten Text zu Bild selbst verwenden und dann das Bild der Karte auf die Stelle, wo Text erforderlich erscheint URL Für eine Probe bei meiner Probe überprüfen Sie bitte http://shreedhar.kotekar.com/ImageMapSample.htm

2

haben Sie zu Optionen, dies zu erreichen:

  1. Fügen Sie Ihren Text in das Bild mit Ihrem Grafikprogramm der Wahl. (Verwenden Sie ImageMagick für automatisierte Verarbeitung) Erstellen Sie dann eine image map, um Teile des Bildes anklickbar zu machen. Wenn Sie einen "heißen Zustand" benötigen, müssen Sie kleine Bilder verwenden, die absolut über dem Originalbild positioniert sind und diese mit Javascript anzeigen/ausblenden. Je nach Ihren Anforderungen kann es einfacher sein, das gesamte Bild anklickbar zu machen.

  2. Fügen Sie ein normales Bild und einen normalen Hyperlink hinzu. Sie können ein reguläres img-Tag verwenden oder das Hintergrundbild des Containers verwenden. Verwenden Sie dann die absolute Positionierung, um den Hyperlink an die gewünschte Position oben auf dem Bild zu verschieben. Mit dieser Lösung benötigen Sie kein Javascript, um einen Hover-Effekt zu erzeugen.

2

Wenn Sie von z-Indizes bleiben wollen weg und/oder Image-Maps, können Sie ihm die alte Schule Art und Weise tun, die das Bild als Hintergrund für eine Tabelle oder div eingestellt ist, und dann einfach Text in die Tabelle oder div einfügen.

0

könnten Sie dieses Tool verwenden:

http://www.jsclasses.org/package/324-JavaScript-Embed-encoded-text-in-images-using-steganography.html

und hier auf GitHub:

https://github.com/blauharley/LoremImageCryptonator

Mit Hilfe dieses JS-Objekt Sie einen beliebigen Text Sie einbetten können. Es bietet zwei Methoden (getCryptoImage, getTextFromCryptoImage), die zum Einfügen und Extrahieren von Text in und aus einem Bild verwendet werden können.

Für Ihren Anwendungsfall können Sie eine URL einfügen und extrahieren, sobald das Bild angeklickt wird.

Aber zuerst müssen Sie ein "Crypto-Image" erstellen, in das eine URL eingefügt wurde, bevor das Bild gespeichert wird. Das gespeicherte "Crypto-Image" kann dann auf einer Seite angezeigt werden.

Hoffe, das hilft.

Verwandte Themen