рдЧреНрд▓рд╛рд╕рдмреЙрдХреНрд╕ - рд╡рд┐рд╕реНрдЯрд╛ рдмрдирд╛рдирд╛

12313.png

рдЧреНрд▓рд╛рд╕рдмреЙрдХреНрд╕ рдПрдХ рдХреЙрдореНрдкреИрдХреНрдЯ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рд╣реИ рдЬреЛ рдЗрд╕рдХреЗ рдкреНрд░рднрд╛рд╡реЛрдВ рдХреЗ рд▓рд┐рдП рдкреНрд░реЛрдЯреЛрдЯрд╛рдЗрдк рдФрд░ Script.aculo.us рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИред "рдЧреНрд▓рд╛рд╕рдмреЙрдХреНрд╕" рдореЗрдВ рдЖрдк рдкрд╛рд░рджрд░реНрд╢реА рдмреЙрд░реНрдбрд░, рд░рдВрдЧ рдХреА рдкрд░рддреЗрдВ рдЖрджрд┐ рдмрдирд╛ рд╕рдХрддреЗ рд╣реИрдВред

рдЧреНрд▓рд╛рд╕рдмреЙрдХреНрд╕ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЗ рд▓рд╛рдн:

рдЧреНрд▓рд╛рд╕рдмреЙрдХреНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛:

1. Unzip GlassBox.zipред "рд╕рд┐рд░" рдЯреИрдЧ рдХреЗ рдмреАрдЪ рдПрдХ GlassBox рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдбрд╛рд▓реЗрдВ:
  <script src = "glassbox / glassbox.js" type = "text / javascript"> </ script> 


2. рдЕрдкрдиреЗ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдореЗрдВ рдЧреНрд▓рд╛рд╕рдмреЙрдХреНрд╕ рдХреЗ рддрд╣рдд рдПрдХ рдмреНрд▓реЙрдХ рдмрдирд╛рдПрдВ:
  <div id = "myGlassboxContent">
 <! - рд╕рд╛рдордЧреНрд░реА ->
 </ Div> 


3. рдЖрдХрд╛рд░, рдФрд░ рд╕реНрдерд┐рддрд┐ рдХреЗ рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХреЗ рд╕рд╛рде рдПрдХ рд╡рд╕реНрддреБ рдмрдирд╛рдПрдБ:
  <script type = "text / javascript">
 var myGlassBox = new GlassBox ();
 myGlassBox.init ('myGlassboxContent', '400px', '300px', 'auto');
 myGlassBox.apos ('290px', '35px');
 </ Script> 


рд╣реЛ рдЧрдпрд╛! рдЖрдк рдпрд╣рд╛рдВ рдЙрдкрдпреЛрдЧ рдХрд╛ рдПрдХ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВ - рджреЗрдЦреЗрдВ ред

рдЧреНрд▓рд╛рд╕рдмреЙрдХреНрд╕ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдбрд╛рдЙрдирд▓реЛрдб рдХрд░реЗрдВ

рдЧреНрд▓рд╛рд╕рдмреЙрдХреНрд╕ рдХреА рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд╡реЗрдмрд╕рд╛рдЗрдЯ рдкрд░ рдЬрд╛рдПрдВ


рд╕реНрд░реЛрдд: рд▓реЗрдЦрдХ рдХреА рдкрд░рд┐рдпреЛрдЬрдирд╛ - "рдЪреЗрд░рдиреНрд╡реЗрд╡"

Source: https://habr.com/ru/post/In22215/


All Articles