Визначити ширину екрану через jquery
Знайшов скрипт для визначення ширини екрану через jquery у тому випадку, якщо у вас немає можливості використовувати css3. Думаю, буде корисно при адаптивній верстці сайту. Події спрацьовують у тому випадку, коли ширина вашого екрана стає меншою за задану точку.
Скрипт називається BREAKPOINTS.JS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
$(window).setBreakpoints({ // use only largest available vs use all available distinct: true, // array of widths in pixels where breakpoints // should be triggered breakpoints: [ 320, 480, 768, 1024 ] }); $(window).bind('enterBreakpoint320',function() { ... }); $(window).bind('exitBreakpoint320',function() { ... }); $(window).bind('enterBreakpoint768',function() { ... }); $(window).bind('exitBreakpoint768',function() { ... }); $(window).bind('enterBreakpoint1024',function() { ... }); $(window).bind('exitBreakpoint1024',function() { ... }); |
Для перегляду прикладу роботи скрипта перейдіть по засланні.
Скрипт можна завантажити на github.
/*
- Базовий курс з веб-дизайну;
- Верстка сайтів;
- Загальний курс CMS WordPress та продовження курсу з розробки шаблонів;
- Розробка сайтів на PHP.