imgNoteで特定の位置にテキストを表示します。

Question

私のWebページで使用しています。imgNotesはバックグラウンドイメージにツールチップを表示します。それは動作します。 ここでは、ポップアップを使用せずに特定の位置に簡単なテキストを追加したいと考えています。 imgNotes（ "addNote"）に使用しているのと同じ座標を使用したいと思います。

お手伝いできますか？

は、私は私のタスクを解決し、あなたとよろしく

パスクアーレ

Answer 1

ありがとうございました。 imgNotes.jsファイルにaddNoteの前に新しい関数を追加しました。

/* 
* Add a text 
*/ 
addText: function(relx, rely, text) { 
    var self = this; 
    var elem = $(document.createElement('span')).html(text);  
    var $elem = $(elem); 
    $(this.img).imgViewer("addElem",elem); 
    $elem.data("relx", relx).data("rely", rely); 

    switch (this.options.vAll) { 
     case "top": $elem.data("yOffset", 0); break; 
     case "bottom": $elem.data("yOffset", $elem.height()); break; 
     default: $elem.data("yOffset", Math.round($elem.height()/2)); 
    } 
    switch (this.options.hAll) { 
     case "left": $elem.data("xOffset", 0); break; 
     case "right": $elem.data("xOffset", $elem.width()); break; 
     default: $elem.data("xOffset", Math.round($elem.width()/2)); 
    } 

    this.notes.push(elem); 
    $(this.img).imgViewer("update"); 
    return elem; 
}