xocotl
Junior Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii Я тоже подумал о таком решении, но там есть прозрачные объекты. Вот ссылка на сайт http://www.xdemo.ru/ Попробовал на смартфоне сайт открыть... Эта карусель чудовищно грузится. Поэтому решил ее в мобильной версии отключить и картинки просто вывести мозаикой. Все бы хорошо но решение которое я нашел в интернете работает ни как CSS (В CSS загрузил сайт и двигая рамкой окна браузера, меняешь разрешение и все меняется в соответствии с прописанными стилями) Со скриптом нужно обязательно обновление экрана. Короче если в полном экране обновить страницу то все работает. Скрипт загрузился и когда на маленький экран двигаешь рамку браузера - то срабатывает стиль CSS и скрывает карусель, а показывает мозаику. Туда обратно двигаешь все нормально. А когда сузить окно до мобильной версии обновить и потом расширять, то в нужном разрешении скрипт не подгрузится. И получится, что мозаика пропадает а карусель не появляется. Пока не обновишь страницу. Есть ли такое решение которое подгружает скрипт именно при достижении окном браузера определенного размера, без обновления? У меня сейчас вот так: Код: <script type = "text/javascript"> var mql = window.matchMedia('all and (max-width: 720px)'); if (mql.matches) { } else { // Create the carousel. $(function() { $('.kc-wrap').KillerCarousel({ // Ширина карусели. width: 1000, // Интервал между элементами в 3d режиме. spacing3d: 120, // Интервал между элементами в 2d режиме. spacing2d: 250, // Показ теней. showShadow: false, // Показ отражения. showReflection: false, // Режим зацикливания. infiniteLoop: true, //Включение колеса мыши useMouseWheel: false, //Время скольжения слайдов autoChangeDirection: 1, // Точка зрения переспективы. perspectiveOrigin: '50% -200px', // Горизонтальное выравнивание объектов. //itemAlign: 'bottom', // Положение линии горизонта. horizon: 'top: 50%', // Автоматическое масштабирование. autoScale:75, //Scale:40, // Рендер. // renderer3d: 'render3dFlow', // renderer2d: 'render2dFlow', }); }); } </script> |
| Всего записей: 32 | Зарегистр. 17-02-2017 | Отправлено: 22:57 29-03-2018 | Исправлено: xocotl, 23:04 29-03-2018 |
|