{Готовой нет} Адаптивная галерея для Drupal 7

Главные вкладки

Аватар пользователя artemrrr artemrrr 4 февраля 2014 в 16:44

Не нашел, за исключением пары коммерческих проектов, скажите, кто как выходит из положения? Я не знаю что делать, отстаем (в смысле Друпал)

p.s.Главная страница Джумлы орг прямо посвящена ее адаптивности.

Резюме ветки: Пока нет готовой, отработанной, полностью бесплатной галереи.
Cошлись на использование слайдеров в частности Cycle и им подобных как наиболее проверенном варианте + доказанной мульти-браузерности слайдеров.

Актуально: на 4 февраля 2014г.

Комментарии

Аватар пользователя whiesam whiesam 4 февраля 2014 в 17:41

Я вообще с галереями не заморачивался не разу в друпале. Тупо делал на Views)))
Если даже она не адаптивная, кто Вам мешает сделать из неё адаптивную???? Там блин делов на час. С помощью CSS

Аватар пользователя artemrrr artemrrr 4 февраля 2014 в 18:10

"q2_faith" wrote:

плохо ищите.

Пожалуйста, подскажите хотя бы название, хотя бы в русском произношении, а я найду..............

"whiesam" wrote:
Я вообще с галереями не заморачивался не разу в друпале. Тупо делал на Views)))
Если даже она не адаптивная, кто Вам мешает сделать из неё адаптивную???? Там блин делов на час. С помощью CSS

Интересно, это вы как цепляете views к ноде материала, через блок с аргументом?

Аватар пользователя q2_faith q2_faith 4 февраля 2014 в 18:14

"artemrrr" wrote:
Пожалуйста, подскажите хотя бы название, хотя бы в русском произношении, а я найду..............

а в чем конкретно у вас вопрос? и что вы подразумеваете под словом "адаптивная"?

Аватар пользователя whiesam whiesam 4 февраля 2014 в 18:21

"artemrrr" wrote:
Интересно, это вы как цепляете views к ноде материала, через блок с аргументом?

Ну ясно дело что вьюшка должна быть с аргументом по id ноды (если вы выводите галерею в ноде какого-то материала и она с ним связанна).
Ну в саму вьюшку можно подключить разными способами: Или через динамическое поле в Display Suite, или через доп поле модулем Viewfield

Аватар пользователя artemrrr artemrrr 4 февраля 2014 в 18:52

"q2_faith" wrote:
что вы подразумеваете под словом "адаптивная"?

Адаптивная в полном -современном- смысле этого слова (то есть адаптация не только к размерам экрана но и..) полная поддержка браузеров - Internet Explorer 7 +, Chrome, Firefox, Safari, Opera.
Нормально работающая на Windows, Mac, Linux, Android и IOS.

"q2_faith" wrote:
а в чем конкретно у вас вопрос?

Мне нужна галерея, отвечающая выше написанным стандартам. (естественно free, с открытым исходником)

p.s. Я повидал "адаптивные" галереи под тегом сделал сам - гавно, гавном, и не потому что руки кривые, а потому что у одного человека нет под рукой всех устройств на разных платформах, Хотя возможно я просто не видел хороших работ...

Аватар пользователя q2_faith q2_faith 4 февраля 2014 в 18:51

"artemrrr" wrote:
Адаптивная в полном -современном- смысле этого слова (то есть адаптация не только к размерам экрана но и..) полная поддержка браузеров - Internet Explorer 7 +, Chrome, Firefox, Safari, Opera.
Нормально работающая на Windows, Mac, Linux, Android и IOS.

разве кроссбраузерность и кроссплатформенность каким то боком относятся к адаптивности?)
каким образом вы хотите решать вопросы адаптивности?

Аватар пользователя artemrrr artemrrr 4 февраля 2014 в 18:56

"q2_faith" wrote:
разве кроссбраузерность и кроссплатформенность каким то боком относятся к адаптивности?)

Сейчас да, я же вам написал..адаптация не только под экран но и под браузер и платформу устройства.
"q2_faith" wrote:
каким образом вы хотите решать вопросы адаптивности?

Вы мои топики выше вообще не читаете что ли..?

"artemrrr" wrote:
хотелось бы готовый - отработанный вариант.

а понятно что я имею ввиду галерею..?

Аватар пользователя q2_faith q2_faith 4 февраля 2014 в 19:13

"artemrrr" wrote:
Вы мои топики выше вообще не читаете что ли..?

напишите цитату, где вы указали, каким образом хотите решать вопрос адаптивности?)

Аватар пользователя whiesam whiesam 4 февраля 2014 в 19:22

Чо Вы тут демогогию разводите.
Нужна кросбраузерность и кроссплатформеность - напильник в прямые руки. Это друпал детка!

По поводу: https://drupal.org/project/galleria
Смотри сюда и покупаем (заодно можешь сразу проверить на всех устройствах): http://galleria.io/themes/

Аватар пользователя artemrrr artemrrr 4 февраля 2014 в 19:32

"q2_faith" wrote:
напишите цитату, где вы указали, каким образом хотите решать вопрос
адаптивности?)

Здесь нет топика где я пишу что хочу решать вопрос адаптивности так мол и так.
С заголовка темы и ниже написано

- Адаптивная галерея для Drupal 7 - НЕТ!?

- Не нашел, за исключением пары коммерческих проектов, скажите, кто как выходит из положения? Я не знаю что делать..

- Дальше ребята пишут как они для себя решают это вопрос..выходят из положения

- Вы пишите, что я имею ввиду под адаптивностью..

- Я отвечаю....

Ладно/,,,,,,,

q2_faith - Вы классный специалист, я по сравнению с вами Нулевый.

Конечно Вы поняли что мне нужна готовая галерея аля Джусибокс, чувствую что вы намекаете мне, что для Друпал такого нет, и нужно все ручками,тестами,ручками.. и дальше как получится правильно?

Аватар пользователя artemrrr artemrrr 4 февраля 2014 в 19:42

"whiesam" wrote:
Смотри сюда и покупаем (заодно можешь сразу проверить на всех устройствах): http://galleria.io/themes/[/quote]
Мне ничего нельзя покупать.., так что это не подойдет.

Парни а что если вместо галереи использовать слайдер,, - подскажите есть принципиальные отличия, кроме 2,3 фишек которыми можно пожертвовать, просто по слайдерам есть варианты на орге.

Аватар пользователя q2_faith q2_faith 4 февраля 2014 в 19:48

"artemrrr" wrote:
Я отвечаю....

вы не ответили
"artemrrr" wrote:
- Адаптивная галерея для Drupal 7 - НЕТ!?

вопрос адаптивности решается, либо через css, либо через код. в вашем вы можете уменьшать картинки через css, либо в зависимости от разрешение подставлять нужный пресет. первый вариант делается руками, под второй вариант есть модули на д.орге, был доклад на прошлогоднем киевском друпалкэмпе.
Естественно готового, бесплатного решения нет. Но я не вижу особых проблем, чтобы допилить.
Большинство современных слайдеров кроссбраузерные и кроссплатформенные.
Для примера этот слайдер - http://jquery.malsup.com/cycle2/ + css = адаптивная галерея. дерзайте)

Аватар пользователя artemrrr artemrrr 4 февраля 2014 в 20:12

"q2_faith" wrote:
Большинство современных слайдеров кроссбраузерные и кроссплатформенные.
Для примера этот слайдер - http://jquery.malsup.com/cycle2/ + css = адаптивная галерея. дерзайте)

"marazmus" wrote:
+++ за Cycle2

Да, тоже решил идти этим путем..

"kosHta" wrote:
http://abinsk.org/photo-gallery/vyzov-dobryh[/quote]
Да, а здесь похоже photoswipe, я прав?

Аватар пользователя artemrrr artemrrr 4 февраля 2014 в 20:19

"kosHta" wrote:
Их 1% по моей статистике прсм

это зависит от сайта, есть телефонные сайты а есть нет в смысле публика...

Аватар пользователя Plazik Plazik 4 февраля 2014 в 23:15

"artemrrr" wrote:
Это пластилин, а хотелось бы готовый - отработанный вариант.

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

Аватар пользователя artemrrr artemrrr 4 февраля 2014 в 23:40

"Plazik" wrote:
Друпал это как лего, в нем все время так, тебе дают инструменты, а ты делаешь что хочешь.

Так и есть.
Какой мне вордпресс, мне еще Друпал изучать и изучать.
Кстати я перед Друпалом начал с Джумлы установил, не хрена не понял, удалил и залил Друпал..и понеслось, если бы не Drupal.ru и десятку местных юзеров, я вообще бы ни чего не умел.

Аватар пользователя whiesam whiesam 4 февраля 2014 в 23:49

"artemrrr" wrote:
Какой мне вордпресс, мне еще Друпал изучать и изучать.

На вордпресе макака под героином сайт за 10 минут сделает!

Аватар пользователя artemrrr artemrrr 5 февраля 2014 в 0:41

Парни, я извиняюсь что не по теме, а как убрать из предпрасмотра ноды (предпросмотр перед сохранением) тизер, он же анонс он же просмотр урезанной версии. Вы как с этим боролись, если боролись.., в 6-ке там все просто а в 7-ке хрень, не пойму?

Аватар пользователя whiesam whiesam 5 февраля 2014 в 10:55

"artemrrr" wrote:
Парни, я извиняюсь что не по теме, а как убрать из предпрасмотра ноды (предпросмотр перед сохранением) тизер, он же анонс он же просмотр урезанной версии. Вы как с этим боролись, если боролись.., в 6-ке там все просто а в 7-ке хрень, не пойму?

Я тупо его через CSS в Display: none;

Аватар пользователя whiesam whiesam 5 февраля 2014 в 13:07

"<a href="mailto:sas@drupal.org">sas@drupal.org</a>" wrote:
ТС надо определиться - "с шашачками" или "ехать" ?

)))
"artemrrr" wrote:
Конечно тоже вариант, просто хотелось вообще не выдавать..

А другого варианта вроде как и нет. Выставления галочки "Ввод краткого содержимого" не пашет в 7ке.

Аватар пользователя artemrrr artemrrr 5 февраля 2014 в 13:13

"whiesam" wrote:
Выставления галочки "Ввод краткого содержимого" не пашет в 7ке.

Для меня это вообще загадка, зачем там эти чекбоксы если они не работают, ставлю я отображение только полного материала так и нужно только полный материал в предпросмотре показывать, а нет, мне показывается как будет выглядеть и усеченный вариант, когда он мне нафиг не нужен.

Аватар пользователя whiesam whiesam 5 февраля 2014 в 13:56

"artemrrr" wrote:
Для меня это вообще загадка, зачем там эти чекбоксы если они не работают, ставлю я отображение только полного материала так и нужно только полный материал в предпросмотре показывать, а нет, мне показывается как будет выглядеть и усеченный вариант, когда он мне нафиг не нужен.

Можете написать гневное письмо разрабам друпала)

Аватар пользователя artemrrr artemrrr 5 февраля 2014 в 14:04

Да есть какой то вариант, просто я не в курсе. Надо английский учить, давно бы уже пообщался и все узнал, а так остается через перевод хрома рыскать ответ на орге, или как обычно здесь клянчить помощь у старших.

Аватар пользователя macsol macsol 12 августа 2014 в 15:18

Готовой адаптивной галлереи, нормально работающий с тач событиями я тоже не нашел.
Пришлось немного допилить shadowbox (версия 3), получилось так:
http://prestige-wedding.ru/portfolio/chayka-vyezdnaya-registraciya
Как делал:
В файле libraries/shadowbox-3.0.3/shadowbox.js
перед строкой "Q.isIE7=J.indexOf("msie 7")>-1;" вставляем код
Q.touch_position;
Q.nextSProv = function(){
if (Q.hasNext()){
Q.next();}}
Q.turn_start = function (event) {
// При начальном нажатии получить координаты
Q.touch_position = event.touches[0].pageX;
if (!Q.isPaused()){Q.pause();}
};
Q.turn_page = function (event) {
// При движении нажатия отслеживать направление движения
var tmp_move = Q.touch_position-event.touches[0].pageX;
// Сдвиг достаточный?
if (Math.abs(tmp_move)<10) { return false; }
if (tmp_move<0) {
Q.nextSProv();
}
else {
if (Q.gallery.length>1){
Q.previous();}
}
};
Далее ищем код
"div id="sb-body-inner"
вешаем туда обработчики тач событий, получиться должно так:
"div id="sb-body-inner" onclick="Shadowbox.nextSProv()" ontouchstart="Shadowbox.turn_start(event)" ontouchmove="Shadowbox.turn_page(event)"

В настройках shadowbox нужно установить отступы от экрана 1, если ставить 0 система почему-то делает 20px.