Bullseye

Making your picture absolute center, also scaling and cropping perfectly.

DOWNLOAD FORK ON GITHUB

How to install

  1. This github repository, using
    git clone https://github.com/RayChang/jquery-bullseye.git
  2. Using bower
    bower install jquery-bullseye --save

Example

Try me
Try me

How to use

HTML 

<div class="element">
  <img src="yourImage.jpg">
</div>
or 
<div class="element" data-bullseye-image="yourImage.jpg"></div>


Javascript 

$('.element').bullseye();

Default Options

the default options is as follows: 

$('.element').bullseye({
  fadeEffect: true,  //Pictures show the effect of using fade in.
  effectTime: 0.5  //The time required.,   
});