web-dev-qa-db-fra.com

Puis-je ouvrir une fenêtre contextuelle TEXTE à partir d'un clic d'image?

J'ai regardé et regardé, mais je n'ai pas eu la chance de faire ce qui suit:

Je suis en train de créer une section portefeuille d'un blog et je veux des images qui, lorsqu'elles sont cliquées, ouvrent une fenêtre contextuelle contenant du texte. Je sais qu'il y a beaucoup de plugins pour vous permettre de cliquer sur du texte et une image s'ouvre, mais je le veux à l'envers.

Je voudrais que le popup se compose de texte blanc sur un fond rouge, qui irait avec mon thème. Et si possible, j'aimerais avoir un lien dans le texte qui, une fois cliqué, fermerait la fenêtre contextuelle et irait à ce lien dans la fenêtre principale (les liens seraient dirigés vers des articles du blog).

Je suis prêt à payer pour un plugin commercial s'il est disponible. J'ai ce site assez bien fait, mais je ne peux pas le montrer à mon client tant que je ne l'aurai pas trouvée correctement.

voici un lien vers le site afin que vous ayez une idée de la page sur laquelle je cherche à le faire:

http://bluegrassphotography.net/testwordpress/?cat=9&paged=2

Merci d'avance pour votre aide!

1
chris stegner

Entrez Fancybox - Découvrez les exemples ci-dessous les images, en particulierInline - Fenêtre modale.

Si cela semble être le ticket, il s'agit d'un processus très simple consistant à l'inclure dans votre thème puis à suivre les exemples ou en survolant l'API .

Dites-nous comment vous vous en sortez, ou si vous avez besoin d'un peu d'aide pour le configurer.

2
TheDeadMedic

Vous pouvez le faire en utilisant quelques JS de base si vous voulez lancer le vôtre, voir ici pour quelques exemples.
http://www.quirksmode.org/js/popup.html

Vous pourriez aussi probablement utiliser le script thickbox si vous recherchez une boîte de dialogue de style modal .. http://wpengineer.com/415/use-javascript-libraries-in-and-of-wordpress/

NOTE:Il n'est pas nécessaire de charger une image dans cette fenêtre modale, bien que ce soit son utilisation habituelle.

Nombreuses options, utilisez ce qui convient le mieux à vos besoins.

Personnellement, je pense que les scripts de dialogue d’interface utilisateur ont l’air intéressant (c’est exagéré pour une boîte singulière à mon humble avis). http://docs.jquery.com/UI/Dialog

0
t31os