Можно ли адаптировать слайдер

343
08 января 2017, 18:18

Здравствуйте. Скачала симпатичный слайдер hw-slider: http://heavenweb.ru/demo/hwslider/index.html (код весь прописан в одной странице). Растянула во всю ширину, прописав в стилях width:100% вместо пикселей, и получилось почти то, что мне нужно. Стили и скрипты перенесла в отдельные файлы и подключила в html <meta name="viewport" content="width=device-width, initial-scale=1.0">, чтобы можно было менять слайдер в зависимости от мобильного устройства. Меня не устраивает отображение на маленьких экранах шириной до 420px, слишком большая высота и часть изображения "съедается". Пробовала вместо ширины задавать высоту в %, но тогда изображения вообще исчезли. Комбинации max-height и min-height, что в пикселях, что в % тоже ничего не дали. Код css, где я меняла параметры:

#slider-wrap {
   width:100%;
}
#slider {
   width:100%;
   height:360px;
   overflow: hidden;
   position:relative;
   border:#eee solid 10px;
}
@media (max-width:900px){
   #slider-wrap{
      width:97%;    
   }
}
@media (max-width:420px){
   #slider-wrap{
      width:96%;
   }
}

Вопрос, можно ли этот слайдер сделать так, чтобы он показывал картинку целиком, вне зависимости от ширины экрана, и в чём моя ошибка? Заранее благодарю за конструктивную критику.

READ ALSO
Где можно скачать библиотеку winsock2?

Где можно скачать библиотеку winsock2?

Подскажите, пожалуйста, где можно скачать библиотеку winsock2? Eже всё облазила, найти не могу

475
Работа с файлами на android/ программа radstudio c++builder

Работа с файлами на android/ программа radstudio c++builder

Подскажите, пожалуйста, работа с файлами в приложении на андроид (создание тхт файла, запись, удаление)так вот я попробовал так

334
Работа перегрузки операторов

Работа перегрузки операторов

Объясните, как работает функция перегрузки операторов? Какие новые объекты создаются в этот момент? Как работает указатель this?

322
OpenCv вывод данных

OpenCv вывод данных

Подскажите как получить значения пикселя для cv::Mat

311