Skip to content

creaven/Zoomer-jq

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Zoomer

Zoomer is simple and nice image zoom class. It's shows zoomed image inside original.

Screenshot

How to use

demo

Example 1:

html

#html
<img src="gomer-small.jpg" id="homer" big="gomer.jpg"/>

js

#js
new Zoomer('homer');

big attribute - big image src.

Example 2:

html

#html
<img src="girl-thumb.jpg" id="girl"/>

js

#js
new Zoomer('girl', {
	big: 'girl.jpg',
	smooth: 10
});

Example 3:

html

#html
<img src="girl-thumb.jpg" id="girl"/>

js

#js
$('#girl').zoomer({
	big: 'girl.jpg',
	smooth: 10
});

options:

  • big - big image src
  • smooth(integer) - smooth

About

MooTools Zoomer port

Resources

Stars

Watchers

Forks

Packages

No packages published