Taggd – 用于為圖片添加標簽的jQuery插件

me87re 10年前發布 | 37K 次閱讀 Taggd jQuery圖片處理 jQuery插件

Taggd 一個jQuery插件能夠幫助你在一張圖片上創建標簽。可以有彈出窗。

var options = {

  // Aligning the text popups
  align: {
    x: 'center', // left, center or right
    y: 'center'  // top,  center or bottom
  },


  // The (relative) offset of the popups in pixels
  offset: {
    left: 0, // horizontal offset
    top: 12  // vertical offset
  },


  // event handlers of the tags
  handlers: {

    // Any vanilla JavaScript event is a valid key
    click: function(e) {
      alert('You clicked a button');

      this; // the DOM Node
      e;    // the Event
    },


    // For convenience, you can use strings to
    // show, hide and toggle the popups
    mouseenter: 'show',
    mouseleave: 'hide'
  }

};


// The magic comes together here
$('.taggd').taggd( options, data );