eye 1 : function "unloop" - the eye closes once whenever you click.
eye 2 : function "loop" - the eye closes in loop when you click, and stops instantly when you click again.
eye 3 : function "loopmix" - the eye closes in loop when you click, and stops when you click again, but returning to the starting position.
eye 4 : function "single" - the eye closes once when you click and stops definitely at final position.
eye 5 : function "scroll" - the eye closes in loop and moves when you click. It stops definitely at maximum fixed.
eye 6: function "scroll_stop" - the same as "scroll", but you can stop the eye when you click before it reaches the maximum fixed.
Images must be made "horizontal-only".
The functions are called in the line of display of div, like this :
<div id="eye1" onClick="unloop('eye1', 74, 962)"></div>
(You can replace "onClick" by "onMouseOver".)
Parameters :
eye 1, eye 2, eye 3, eye 4 :
- name of the div (i.e. 'eye1')
- horizontal size of the div
- position of the last frame = width of the picture minus width of the frames
eye 5 and eye 6 :
The same parameters, and :
- horizontal displacement (0 for vertical scroll)
- vertical displacement(0 for horizontal scroll)
- maximum position of the div horizontally
- maximum position of the div vertically
You must give the two values, but only the first reached will stop the displacement.