WebSite X5Help Center

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

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

Auteur : Александр Т.

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

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% и чтобы скрипт адаптировался под размеры экрана.

Posté le
5 RéPONSES - 1 CORRECT
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 блок

Lire plus
Posté le de Aleksey K.
Aleksey K.
Aleksey K.
User

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

Lire plus
Posté le de Aleksey K.
Aleksey K.
Aleksey K.
User

Lire plus
Posté le de Aleksey K.
Александр Т.
Александр Т.
User
Auteur

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

Lire plus
Posté le de Александр Т.
Александр Т.
Александр Т.
User
Auteur

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

Lire plus
Posté le de Александр Т.