0

Привет, У меня возникла проблема с отзывчивой галереей изображений, используя цикл jQuery.Впечатляющие образы только при обновлении браузера

Моя скрипка здесь - https://jsfiddle.net/qxyodctm/5/

<html>See jsfiddle</html> 

Вы увидите только при обновлении браузера изображения изменить размер и ограничивают их пропорции правильно - но при браузере масштабировании они не могут и пересекаться друг с другом и неправильную ширину и высота.

Любая помощь?

Благодаря значительно

ответ

0

Я обновил галерею, чтобы использовать новую библиотеку циклов jQuery -cycle2 и, похоже, отлично работает. Я скоро обновлю jsfiddle, чтобы задуматься.

0

Это ваш слайдер плагин, который вызывает вас так много страданий. JQuery автоматически устанавливает встроенные стили в Ul.slides position: relative; width: 580px; height: 432px;, которые, разумеется, устанавливаются в ширину браузера при первой загрузке страницы, но не обновляются при изменении размера страницы.

Как правило, это не слишком большая проблема, потому что, как правило, единственными людьми, которые видят это, будут те проверки на отзывчивость (и изменение размера их браузера), но он будет правильно загружаться для тех, кто просто посещает их планшет или что-то другое (и, кстати, не будет/не может изменить размер браузера).

Если вы хотите исправить это, вам нужно будет создать свой собственный код javascript, который выбирает ul.slides и изменяет ширину на странице.

+0

Привет, Adam за ваш вклад. Я обновил галерею, чтобы использовать новую библиотеку циклов jQuery -cycle2 и, похоже, отлично работает. Я скоро обновлю jsfiddle, чтобы отразить! Благодарю. – roshambo

Смежные вопросы