рдирд╡реАрдирддрдо рдХреНрд░реЛрдо рд╕рдВрд╕реНрдХрд░рдг рдкрд░ рдкреИрдирд┐рдВрдЧ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреА рд╣реИред рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдкрд░ рдЬрд╝реВрдо рдиреНрдпреВрдирддрдо рдкрд░ рд╕реЗрдЯ рд╣реИ рдФрд░ рдкреИрдирд┐рдВрдЧ 0,0 рдкрд░ рд╕реЗрдЯ рд╣реИред
рдПрдЪрдЯреАрдПрдордПрд▓ рдореЗрдВ "рдЯреНрд░рд╛рдВрд╕рдлреЙрд░реНрдо: рдореИрдЯреНрд░рд┐рдХреНрд╕" рд╕рдВрдХреЗрдд рдЧрд╛рдпрдм рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред
рдкреИрдирд┐рдВрдЧ рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП (рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдореЗрдВ рдмрд┐рд▓реНрдХреБрд▓ рд╕рд╣реА)
HTML рд╕реЗ рдЯреНрд░рд╛рдВрд╕рдлрд╝реЙрд░реНрдореЗрд╢рди рдореИрдЯреНрд░рд┐рдХреНрд╕ рдЧрд╛рдпрдм рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ, рдЬрд╝реВрдо рдиреНрдпреВрдирддрдо рдкрд░ рд╕реЗрдЯ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ рдФрд░ рдкреИрдирд┐рдВрдЧ рдКрдкрд░реА рдмрд╛рдПрдБ рдХреЛрдиреЗ рдкрд░ рдЬрд╛рддреА рд╣реИ
рдирдорд╕реНрддреЗ,
рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдХреНрдпрд╛ рд╕рдорд╕реНрдпрд╛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рддрдп рдХреА рдЬрд╛рдиреА рдЪрд╛рд╣рд┐рдП, рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдХрд┐ рдореЗрд░рд╛ jQuery рд╕рдВрд╕реНрдХрд░рдг рдЬрд┐рдореНрдореЗрджрд╛рд░ рд╣реЛ рд╕рдХрддрд╛ рд╣реИред
рд▓реЗрдХрд┐рди рдлрд┐рдХреНрд╕ рдмрд╣реБрдд рдЖрд╕рд╛рди рд╣реИ, рдЗрд╕реЗ рдХреЗрд╡рд▓ рдореВрд▓рдЗрд╡реЗрдВрдЯ рдСрдмреНрдЬреЗрдХреНрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ:
рд▓рд╛рдЗрдиреНрд╕ 1204 рдФрд░ 1205:
startPageX = event.originalEvent.pageX;
startPageY = event.originalEvent.pageY;
рдкрдВрдХреНрддрд┐рдпрд╛рдБ резреирекрем рд╕реЗ резреирелреж:
self.pan(
origPageX + coords.originalEvent.pageX - startPageX,
origPageY + coords.originalEvent.pageY - startPageY,
panOptions
);
рдореИрдВ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░ рд░рд╣рд╛ рдерд╛, рд╡рд╣реА jQuery рд╕рдВрд╕реНрдХрд░рдгред JQuery рдХреЗ рдПрдХ рдирдП рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдмрджрд▓рдирд╛ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рд▓рдЧрддрд╛ рд╣реИред рдпрджрд┐ рдЖрдкрдХреЛ 1.11 рдкрд░ рдмрдиреЗ рд░рд╣рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ рддреЛ рдЖрдкрдХрд╛ рдлрд┐рдХреНрд╕ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдХрд░рддрд╛ рд╣реИред
рдирдорд╕реНрддреЗ,
рд╣рд╛рдБ, рдпрд╣ рдореБрдордХрд┐рди рд╣реИред рдореИрдВ рдЙрд╕ jQuery рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рд░рд╣рдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╛рдзреНрдп рдерд╛ред
рдзрдиреНрдпрд╡рд╛рдж
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдирдорд╕реНрддреЗ,
рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдХреНрдпрд╛ рд╕рдорд╕реНрдпрд╛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рддрдп рдХреА рдЬрд╛рдиреА рдЪрд╛рд╣рд┐рдП, рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдХрд┐ рдореЗрд░рд╛ jQuery рд╕рдВрд╕реНрдХрд░рдг рдЬрд┐рдореНрдореЗрджрд╛рд░ рд╣реЛ рд╕рдХрддрд╛ рд╣реИред
рд▓реЗрдХрд┐рди рдлрд┐рдХреНрд╕ рдмрд╣реБрдд рдЖрд╕рд╛рди рд╣реИ, рдЗрд╕реЗ рдХреЗрд╡рд▓ рдореВрд▓рдЗрд╡реЗрдВрдЯ рдСрдмреНрдЬреЗрдХреНрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ:
рд▓рд╛рдЗрдиреНрд╕ 1204 рдФрд░ 1205:
рдкрдВрдХреНрддрд┐рдпрд╛рдБ резреирекрем рд╕реЗ резреирелреж: