Immagine all’interno del suggerimento del tooltip

Ho bisogno di inserire un’immagine in un suggerimento con effetto hover.

$(".tel_view").tipTip({defaultPosition: "top", delay: 400, fadeIn: 400,keepAlive:true,activation:"click"}); 

HTML:

 lente 

Questa è l’immagine che voglio inserire nel suggerimento.

  

È ansible inserire un’immagine nel suggerimento? Come funziona?

L’interfaccia utente di JQuery ha un widget di suggerimento di strumenti alternativi che potresti voler prendere in considerazione

ecco un esempio completo

http://jqueryui.com/tooltip/#custom-content

     jQuery UI Tooltip - Custom content         

St. Stephen's Cathedral

Vienna, Austria

St. Stephen's Cathedral

Tower Bridge

London, England

Tower Bridge

All images are part of Wikimedia Commons and are licensed under CC BY-SA 3.0 by the copyright holder.

Ciao È ansible impostare il contenuto in tipTip () come di seguito: Per hover tipTip è necessario rimuovere l’ activation:"click" parametro activation:"click" per impostazione predefinita è visualizzato su hover. Si prega di vedere questo jsfiddle funzionante

 $(".tel_view").tipTip({ defaultPosition: "top", delay: 400, fadeIn: 400, keepAlive: true, content: '' }); 

Sì, è ansible, ci sono molti che usano diversi Jquery Plugin dai un’occhiata a questa demo http://jquery.bassistance.de/tooltip/demo/

il suo semplice e divertente lavoro è una soluzione a questo problema. Il problema è il caricamento dell’immagine

  var ttfixer = ""; $(".tooltipL").each(function(){ ttfixer += $(this).attr("title"); }); $("#tooltipimgfixer").html(ttfixer); $(".tooltipL").tipTip({ maxWidth: "auto", edgeOffset: 10 }); 

aggiungi HTML

  

Ora l’immagine si sta caricando nel caricamento della pagina. Il tooltip funzionerà bene,

dare la soluzione ci dà come tooltip con effetto hover è ansible utilizzare il file .js e .css anche senza file .css e .js non è ansible eseguire questo codice.

  

Prova questo..

CODICE HTML MI PIACE

 image of 1 Maple St. 

e il codice JAVASCRIPT MI PIACE

 $( "#riverroad" ).tooltip({ content: '' }); 

Puoi impostare il codice html dell’immagine come attributo title dell’elemento su you set titTip.

Codice di esempio:

  

L’elemento può essere un’immagine o qualunque cosa tu voglia.

Demo: http://jsfiddle.net/IrvinDominin/97qkE/

Codice HTML come

 

Codice Java Script come

 $(document).ready(function() { $("#content").tooltip({ content: '' }); });