Estoy usando consultas de medios css en mi proyecto para crear un sitio que funcione con pantallas de cualquier tamaño. Estoy buscando activar funciones jquery de diferencia como lo haría con css.

Por ejemplo, si el tamaño del navegador está entre 1000 px y 1300 px, me gustaría llamar a la siguiente función:

$('#mycarousel').jcarousel({
    vertical: true,
    scroll: 1,
    auto: 2,
    wrap: 'circular'
});

PERO cuando el tamaño del navegador es inferior a 1000 px, el js detendría su procesamiento. Y así sucesivamente.

No estoy seguro de si esto es posible, pero quizás exista una solución o complemento existente que cree diferentes entornos js en función de los tamaños de las ventanas del navegador. Supongo que podría crear declaraciones condicionales en algún formato. ¿Alguna idea