https://github.com/jeka-kiselyov/jquery-imgrights

A simple jQuery plugin for displaying image copyrights tooltip on IMG tag after mouseover event. Can get copyright data from both data-* attributes and hmedia microformat definition.
https://github.com/jeka-kiselyov/jquery-imgrights

Last synced: about 1 month ago
JSON representation

A simple jQuery plugin for displaying image copyrights tooltip on IMG tag after mouseover event. Can get copyright data from both data-* attributes and hmedia microformat definition.

• Host: GitHub
• URL: https://github.com/jeka-kiselyov/jquery-imgrights
• Owner: jeka-kiselyov
• Created: 2012-11-16T18:28:32.000Z (about 12 years ago)
• Default Branch: master
• Last Pushed: 2014-02-03T18:53:18.000Z (almost 11 years ago)
• Last Synced: 2024-04-12T16:00:39.172Z (9 months ago)
• Language: JavaScript
• Homepage: http://jeka-kiselyov.github.com/jquery-imgrights/
• Size: 602 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# jQuery IMGRights Plugin

A simple jQuery plugin for displaying image copyrights tooltip on IMG tag after

mouseover event. Can get copyright data from both data-* attributes and hmedia 

microformat definition. Demo - http://jeka-kiselyov.github.com/jquery-imgrights/

## Installation

Include script after the jQuery:

    

    

## Initialization

Common method is to apply imgrights to all supported elements on the page:

```javascript

  $(function(){ 

      $('img, .hmedia').imgrights(); 

  });

```

Custom copyright string format:

```javascript

  $(function(){ 

      $('img, .hmedia').imgrights({format: "© %copyright%"}); 

  });

```

## Copyright data

          

### data-*

       

Copyright information can be stored in IMG tag attributes.

```html



```

Will generate tooltip with copyright owner name ZOOM-ZOOM studio, linked to http://vk.com/club30994140.

### hmedia microformat 

 - .hmedia > img.photo - image element

 - .hmedia > .contributor > .fn - author name

 - .hmedia > .contributor > .url - author URL (href attr)

hmedia classic example

```html



  

    

  

    Saturday Night's Alright For Fighting, 

    by 

       Treeswing 

      (profile)

    



```

Will generate tooltip with copyright owner name Treeswing, linked to treeswing.net. 


## Authors

[Jeka Kiselyov](https://github.com/jeka-kiselyov)