Нужно упросить

[HeadShot]

У кого-то есть идеи как сделать это проще?

Я чего-то буксую.

Plugin.prototype.resolution = function ( probe ) {

        //screen resolution detector
        resolutionGrid  = '';
        dWidth          = window.screen.width;

        switch( probe ) {

            //@mobile
            default:
            case 'mob':
            if ( dWidth >= 480 && dWidth <= 960 ) { 

                resolutionGrid += 'mobyle'; 

            } break;

            //@station
            case 'smin':
            if ( dWidth >= 1024 && dWidth <= 1280 ) {

                resolutionGrid += 'station_min';

            } break;

            case 'smax':
            if ( dWidth >= 1024 && dWidth <= 1440 ) {

                resolutionGrid += 'station_max';

            } break;

            //@wide
            case 'wmin':
            if ( dWidth > 1280 ) {

                resolutionGrid += 'wide_min';

            } break;

            case 'wmax':
            if ( dWidth > 1440 ) {

                resolutionGrid += 'wide_max';

            } break;
        }

        return resolutionGrid;

    };

[DrStrangeLove]

А что здесь не устраивает??

[HeadShot]

А что здесь не устраивает??

да как-то неправильно мне кажется

[buddah]

А то что ширины в кейсах пересекаются между собой - это нормально? Какой кейс сработает для 1366 и почему?

Edited February 4, 2012 by buddah

[HeadShot]

API:

/*
 * [Arguments]: 
 *
 *      @group:     css properties group e.g. color, font or layout;
 *      @path:      path to advanced stylesheets (every group need a different path);
 *      @range:     number of styles from 1 to n;
 *      @controls:  ul, menu, plain, div, where plain = <span> wrapper;
 *      @debug:     1 for randomization query ( some.css?random ).
 *
 *      @grid:      enable advanced schema's for layout by screen resolution;
 *                  [auto]:     no controls & auto switch;
 *                  [handle]:   enable controls menu;      
 *
 *      @step:      allow 3 of 5 switch schema's;
 *
 *                    [mob]:  mobile      ( 480px  - 960px  );
 *                               
 *
 *                  (!)choose only one of two way:
 *                    [smin]: station     ( 1024px - 1280px );
 *                    [smax]: station     ( 1024px - 1440px );
 *
 *                  (!)choose only one of two way:
 *                    [wmin]: big screens ( 1280px - more   );
 *                    [wmax]: big screens ( 1440px - more   );
 *
 *      If you use the grid mode be sure that you css has correct names( e.g. mob.css, smax.css, wmin.css )
 *      and allocated in different directory;
 *      
 * [Grid mode API syntax example]:
 *
 *  // all schema's with handle controls( handle was helpful on debug )
 *  // maximum width variant 
 *  $('#content').cssSwitcher({
 *      grid: 'handle',
 *      step: 'mob|smax|wmax',
 *      path: '/schemas/grids/', 
 *      controls: 'ul'
 *  });
*/

Вообще да, думаю, что можно сделать проще, но как пока не знаю. Кароче нужно просто максимальные и минимальные варианты объединить в один case. Но не факт, что так гибче

Edited February 4, 2012 by HeadShot

[HeadShot]

Здесь одной ступеньки не хватает, если в идеале. Так что между совсем мобильными и не совсем( планшетки ). Но угадать в какой диапазон — затруднительно.

[Great Rash]

А нафиг оно? Мобилу гораздо правильней определять по юзерагенту и платформе. Если только надо нетбук от ноутбука отличить, да и то не могу представить зачем.

Ну а по коду нормально все, тока не понятно зачем конкатенацию делать?

resolutionGrid += 'wide_max'; // нафига?
resolutionGrid = 'wide_max'; // чем не устроило?

[HeadShot]

А нафиг оно? Мобилу гораздо правильней определять по юзерагенту и платформе. Если только надо нетбук от ноутбука отличить, да и то не могу представить зачем.

Ну а по коду нормально все, тока не понятно зачем конкатенацию делать?

resolutionGrid += 'wide_max'; // нафига?
resolutionGrid = 'wide_max'; // чем не устроило?

fixed