Привет, у меня проблема с адаптивной галереей изображений с использованием цикла jQuery.
Моя скрипка здесь - https://jsfiddle.net/qxyodctm/5/
<html>See jsfiddle</html>
Вы увидите, только когда вы обновите браузер, изображения изменяют размер и правильно ограничивают их пропорции, но при масштабировании браузера они не перекрывают друг друга и имеют неправильную ширину и высоту.
Кто-нибудь поможет?
Большое спасибо
Это ваш слайдер-плагин причиняет вам столько страданий. jQuery автоматически устанавливает встроенные стили для Ul.slides position: relative; width: 580px; height: 432px;, которые, конечно же, устанавливаются в соответствии с шириной браузера при первой загрузке страницы, но не обновляются при изменении размера страницы.
Как правило, это не слишком большая проблема, потому что обычно это видят только те, кто тестирует отзывчивость (и изменяет размер своего браузера), но он будет правильно загружаться для тех, кто просто заходит на свой планшет или что-то еще ( и, кстати, не будет/не сможет изменить размер своего браузера).
Если вы хотите исправить это, вам придется создать свой собственный код javascript, который выбирает ul.slides и изменяет ширину при изменении размера страницы.
Я обновил галерею, чтобы использовать новую библиотеку циклов jQuery - «cycle2», и, похоже, она отлично работает. Вскоре я обновлю jsfiddle, чтобы отразить это.
