Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.55/11: Рейтинг темы: голосов - 11, средняя оценка - 4.55
0 / 0 / 0
Регистрация: 23.12.2014
Сообщений: 77

Высота 0 у некоторых картинок в слайдере при первой загрузке страницы

14.06.2018, 12:23. Показов 2468. Ответов 4

Студворк — интернет-сервис помощи студентам
Всем привет! Нужна помощь - почему-то высота некоторых картинок в моем слайдере 0 (тоесть белая пустота вместо картинки) при первом открытии страницы. Но когда перезагружаешь страницу, либо меняешь ширину окна браузера (тем самым вызывая изменение width в стиле img) - у всех высота нормальная и все видно. Для слайдера использовал библиотеку swiper - она есть в проекте.

Проект - https://dropmefiles.com/1Oge5

На скринах видно эффект:



0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
14.06.2018, 12:23
Ответы с готовыми решениями:

При загрузке HTML страницы с $.ajax(url).done нет некоторых данных
Здравствуйте, пишу собственный проект по ставкам и мне нужно вытащить с этого сайта "https://betscsgo.com/" все элементы с тегом...

echo при первой загрузке страницы
Этот код выводит 2 кнопки. Если нажать на первую-отправится этому же сценарию определенная переменная, сработает оператор исключения и...

При первой загрузке страницы - одно сообщение, при последующих - другое
Здравствуйте. Только учусь программировать. Сейчас делаю вот что.. Есть сайт-приглашение на вечеринку. На странице указываешь свои...

4
62 / 53 / 35
Регистрация: 30.03.2015
Сообщений: 264
14.06.2018, 12:30
не используйте картинки в качестве самого контейнера слайда. Оберните их в какой-нибудь div.
0
0 / 0 / 0
Регистрация: 23.12.2014
Сообщений: 77
14.06.2018, 15:03  [ТС]
Если для img написать display:block в стилях, то все-равно не помогает
0
62 / 53 / 35
Регистрация: 30.03.2015
Сообщений: 264
14.06.2018, 15:05
Лучший ответ Сообщение было отмечено Aspromist как решение

Решение

Я вам советовал обернуть img в div, чтобы div стал .swiper-slide
1
0 / 0 / 0
Регистрация: 23.12.2014
Сообщений: 77
14.06.2018, 15:28  [ТС]
Помогло, спасибо.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
14.06.2018, 15:28
Помогаю со студенческими работами здесь

Перемещение маркера прокрутки страницы вниз при первой загрузке
По клику появляется блок и сразу же маркер полосы прокрутки смещается в самый низ. Вот функция перемещения ползунка: function...

Прыгает текст при перелистывании картинок в слайдере
При перелистывании картинок в слайдере, прыгает текст в другом блоке. Как решить проблему, подскажите пожалуйста....

Дергается текст в меню при смене картинок в слайдере
Eсть горизонтальное меню на чистом css и есть слайдер на javascript. Kаждый раз при смене картинок в слайдере все пункты меню дергается...

[Mono] При загрузке некоторых стандартных типов генерируется TypeLoadException
Здравствуйте. У меня возникла следующая проблема - при загрузке некоторых стандартных типов вылазит TypeLoadException. Вот текст исключения...

Ошибка при загрузке картинок
Всем привет, при попытки добавления изображений к товару получаю ошибки: Фрагмент кода: 193 static function...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru