2009-04-26 12 views

Répondre

1

Utilisation d'un éditeur d'image ajouter le texte souhaité à l'image elle-même, puis utiliser la carte d'image dans la zone où le texte semble nécessaire URL Pour un échantillon s'il vous plaît vérifier mon échantillon à http://shreedhar.kotekar.com/ImageMapSample.htm

2

Vous avez des options pour ce faire:

  1. Ajoutez votre texte à l'image avec votre programme graphique de choix. (Utilisez ImageMagick pour le traitement automatisé) Puis créez un image map pour rendre des parties de l'image cliquables. Si vous avez besoin d'une sorte d'état "à chaud", vous devez utiliser de petites images qui sont absolument positionnées au-dessus de l'image originale et les afficher/masquer en utilisant Javascript. En fonction de vos besoins, il peut être plus facile de rendre l'image entière cliquable.

  2. Ajoutez une image normale et un lien hypertexte normal. Vous pouvez utiliser une balise img régulière ou utiliser l'image d'arrière-plan du conteneur. Ensuite, utilisez le positionnement absolu pour déplacer le lien hypertexte à la position souhaitée sur le dessus de l'image. Avec cette solution, vous n'avez pas besoin de Javascript pour créer un effet de survol.

2

Si vous voulez rester loin de z-index et/ou des cartes d'image, vous pourriez le faire à l'ancienne école, qui est de mettre l'image en arrière-plan pour une table ou div, et puis juste mettre du texte dans la table ou div.

0

Vous pouvez utiliser cet outil:

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

et ici sur github:

https://github.com/blauharley/LoremImageCryptonator

Avec l'aide de ce JS-objet vous pouvez incorporer le texte que vous voulez. Il offre deux méthodes (getCryptoImage, getTextFromCryptoImage) qui peuvent être utilisées pour insérer et extraire n'importe quel texte dans et hors d'une image.

Pour votre cas d'utilisation, vous pouvez insérer une URL et l'extraire dès que l'utilisateur clique sur l'image.

Mais tout d'abord vous devez créer une "Crypto-Image" dans laquelle une URL a été insérée avant de sauvegarder l'image. Le "Crypto-Image" enregistré peut alors être montré sur une page.

Espérons que cela aide.

Questions connexes