WebSite X5Help Center

 
Александр Т.
Александр Т.
User

Парсинг фотографий из Вконтакте - конфликт (видимо) с программой  ru

Автор: Александр Т.
Просмотрено 2143, Подписчики 1, Размещенный 0  

Друзья, нашел вот такой скрипт для парсинга фотографий из определенного альбома вк.

https://github.com/bahek2462774/jquery.EmbedVkGallery (кстати прикольная штука, кому интересно)

(описание есть тут https://vk.com/topic-17680044_28121973 и на гитхабе)

Установил, работает, но проблема с адаптивным дизайном. Если выставить width 100% галерея  отображается в полной версии узкой полоской туалетной бумаги и вообще не реагирует на блочную верстку: http://manitoba.aqua-ek.ru/page-11.html

Если выставить width 800px в полной версии отображается нормально, а в мобильной съедаются фотографии с краев, то есть они выходят за пределы родительского элемента: http://manitoba.aqua-ek.ru/page-7.html

Другие движки нормально воспринимают.

В связи с этим вопрос, где идет конфликт? Что я не так делаю? В коде не очень силен. Хочется выставить 100% и чтобы скрипт адаптировался под размеры экрана.

Размещено
5 Ответы - 1 Корректно
Aleksey K.
Aleksey K.
User

а вы уверены что скрипты нужны именно в контенте? у вас jquery подключается в body хотя библиотека есть и подключена по умолчанию! (уберите эту строчку точно)....

Include the script in the header of your page, after the inclusion of the jQuery library:

<script type="text/javascript"src="js/jquery.js"></script> - это не нужно!

<script type="text/javascript"src="js/slimbox2.js"></script> - это перед закрывающим тегом head а не в html блок

Читать больше
Размещено От Aleksey K.
Aleksey K.
Aleksey K.
User

<script src="files/jquery.EmbedVkGallery-master/js/jquery.embedvkgallery.js?werewrw"></script> - это похоже надо оставить 

Читать больше
Размещено От Aleksey K.
Aleksey K.
Aleksey K.
User

Читать больше
Размещено От Aleksey K.
Александр Т.
Александр Т.
User
Автор

Убрал все, прям на сервере, не помогает(

Читать больше
Размещено От Александр Т.
Александр Т.
Александр Т.
User
Автор

Конфликт был в css стилях, это мой косяк. Всем спасибо, вопрос закрыт.

Читать больше
Размещено От Александр Т.