попробуйте медиа-запросы. Например, Ваш случай можно как-то так понять, думаю:
@media screen and(color) and(min-width:768px){
/* классы карусельки и вообще все то , что должно вести себя
по-другому при ширине 768 пикселов на цветном экране.
*/
}
/* Более ширше можно сделать так , определяя , какая ориентация экрана. */
/* альбомное соотношение сторон */
@media screen and(color) and(min-width:768px) and(orientation: landscape){
}
/* портретное соотношение сторон */
@media screen and(color) and(min-width:768px) and(orientation:portrait){
}
Используя классы или айди элементов при изменении размеров элемента можно и яваскриптом что-то добавлять-убирать, JQuery хорошо об этом заботится.
Кстати да . Получилось бы неплохо. При изменении размеров элемента ( при сжатии до определенного размера ) появляется не скролл , а блок ( ) , который выполняет функции скроллинга. ( JQuery дает неограниченные возможности) . И в плане использования в мобильном приложении было бы удобнее
