jQuery qtip - chargement d'une image dans le qtip via ajax

Question

J'utilise le plugin jQuery qtip. Je veux que le contenu du qtip soit une image, chargée dynamiquement.

L'URL que j'utilise fonctionne. Si je vais à l'url, je vois une image. Cependant, le qtip montre quelque chose de ... bizarre. Voici le résultat:

Toutes les idées pourquoi cela se passerait-il?

---

Modifier

Ceci est toute-tête de réponse (via Chrome Inspector):

Access-Control-Allow-Credentials:true 
Access-Control-Allow-Methods:POST, GET, OPTIONS 
Access-Control-Allow-Origin:* 
Access-Control-Max-Age:1728000 
Cache-Control:no-store, no-cache, must-revalidate, post-check=0, pre-check=0 
Connection:keep-alive 
Content-Length:5690 
Content-Type:image/gif; charset=binary 
Date:Thu, 09 Sep 2010 17:35:48 GMT 
Expires:Thu, 19 Nov 1981 08:52:00 GMT 
Keep-Alive:timeout=2 
Last-Modified:Thu, 09 Sep 2010 17:35:48 GMT 
Pragma:no-cache 
Server:nginx/0.8.31 
X-Powered-By:PHP/5.2.11 

Answer 1

Vous devez probablement pointer le plugin Qtip à une URL qui renverra un fragment html contenant un lien vers l'image et pas directement vers l'image. Le fragment pourrait ressembler à ceci:

<div> 
    <img src="/images/someimage.jpg" alt="" /> 
</div> 

Je ne pense pas que qTip supporte la recherche directe d'images. Pensez-y: une requête AJAX est envoyée et si le serveur retourne un tableau binaire représentant l'image en utilisant javascript, ce tableau binaire ne peut pas être affiché (sauf si vous utilisez le data uri scheme qui n'est pas très commun).