Highslide - «вживление» в Drupal 6

Очень затронул мне душу Highslide - скрипт(на JavaScript) для красивого «открытия» изображений. И захотелось мне его «заиметь» на своих Drupal-сайтах в качестве основной альтернативы аналогичным скриптам.

До того пользовался исключительно Lightbox'ом, как наиболее удовлетворяющим все мои «фото-показывательные» потребности. Но... тяжел, чрезмерно обвешан ненужным, и не сильно красив без дополнительной «шлифовки». Увидев же Highslide в работе понял - вот оно, надо.

В принципе, «подцепить» Highslide к сайту «руками» без задействования мощи самого Drupal'а, как и любой другой Java-скрипт, задача достаточно простая. К тому же в архиве на сайте своего автора имеется исчерпывающая и подробная инфа про «как» «куда» и «зачем», с примерами и наглядными тестами. Но мной выбран был путь для более простой интеграции Highslide в дальнейшем на другие свои фото-сайты. Коих у меня есть в достатке, ввиду наличия профессионально-любительской (:)), неугасимой страсти к фотографии.

Взяв за пример простенький jQuery Lightbox (облегченный Lightbox на jQuery), соорудил по его подобию модулек для Drupal. Настроек у модуля никаких. Все, что он делает, это добавляет JS-скрипт и дополнительный CSS-файл стилей Highslide к уже имеющемуся на Drupal-сайте набору (то, что вызывается переменными $scripts и $body_classes в шаблоне темы). Сам Highslide настраивается правкой соответствующих переменных в highslide.js(site/all/modules/highslide/js). По умолчанию настройки сделаны на мой вкус. Используемая версия Highslide - 4.1.2, когда выйдет новая нужно будет лишь заменить файлы в соответствующих папках и переписать в новый highslide.js старые настройки и пути.

Не могу не упомянуть, что на drupal.org имеется проект Highslide, но из релизов лишь «древний» для пятерки. Может в «issues» к нему и есть какие патчи-исправления, но ковыряться в иноязычных буквах в поисках работающих решений мне лично было лень и скучно. Для организмов с похожими на мои жизненными установками делюсь своим вариантом интеграции.

В аттаче лежит сам свежеизготовленный модуль Highslide и измененный для работы с ним мега-модуль Node Images(ничего лучше для работы с фотографиями для Drupal'а в настоящее время не существует, в моем видении по крайней мере).

Ну и кнопЫчку для Bueditor'а можно забрать отсюда.

Пример работы Highslide совместно с модулем Node Images можно лицезреть например тут.

Прикрепленные файлы
Dalay

Комментарии

Респект автор! Насчёт включения/выключения хайслайда для определённых рисунков, имхо лучше использовать чекбокс в родной кнопке img

или так :)

поправьте линки на закачку http://www.drupalka.ru/files/sites/default/files/node_images_edited.zip

Поправил, спасибо, что заметили.

На drupal.org проснулись и стали активно разрабатывать этот модуль. Сменился также и мантайнер (разработчик) модуля.

Да, точно, есть такое дело. Вот ссылка на страничку модуля. Я же за простоту и посему удовлетворюсь своей модификацией.

Данный пост по-настоящему помог мне принять очень нужное для себя решение. За это автору отдельное спасибо!

Отличный сайт, очень полезный.

Огромное спасибо автору за помощь. Щас буду пробовать, я в друпале еще полный ноль, по этому назревает вопрос Вы оказываете платные консультации?

Я новичок в освоении Друпала. Подскажите, где и что мне нужно изменить, чтобы миниатюры располагались не вертикально, а горизонтально ? Спасибо.

Тут уже не Друпал, а CSS-таблица стилей за это отвечает.

Надо лишь прописать для контейнера, которым «обернуты» выводимые модулем миниатюры(в приаттаченном к посту модуле Node Images это div class="thumbs-x") правило в style.css вашей темы: display:inline;.

ПРИМЕР:

.thumbs-x
{
display:inline;
}

Получилось !!! Спасибо :-)

Спасибо! Давно искал.Есть пару вопросов:
нет ли такой кнопки для FCKeditor? Если есть, в какой .js файл и в какое место файла вставлять скрипт? (fckeditor.js, fckconfig.js)

Не пользуюсь FCKeditor`ом. И Вам бы советовать не стал, пожалейте пользователя.

Доброго времени суток!
Всё установил работает хорошо, спасибо!!
Но проблемма!! у меня на страницах Флеш анимация, и при раскрытии фото - Флеш накладывается со все сторон.
Возможно ли что то сделать, и что, и как.
Заранее благодарен

А чем fancyzoom хуже. Да и весит в 7 раз меньше

Highslide - исключительно мое предпочтение. Один любит суши, другой шаверму - ключевым тут будет слово «любит».

По техническим же различиям - да, fancyzoom поменьше и JQuery использует, но по настраиваемости конечного отображения Highslide однозначно лидирует. Потом, с масштабируемостью оригинального изображения у fancyzoom «чета-както». Ну и с обновлениями и багфиксами траблы - автор fancyzoom уже почти год к своему творению не прикасался. Может умер. но скорей всего попросту забил.

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

Почистите кэш, запустите крон.пэхапэ. Не поможет - смотрите в код шаблона.

Если я правильно понял, то у разработчника Highslide сменились не только названия файлов скриптов (например Highslide.js стал Highslide.config.js) но и что то более серьезное изменилось, по крайней мере простым переименованием файлов теперь скрпты этим способом подключаются, но не работают. Кстати одноименный модуль на drupal.org тоже использует старую версию скриптов. Как новую подключить?

Например так.

На этот модуль смотрю уже более года, но никак не рискну его на обслуживаемом сайте поставить.
На тестовом сайте что-то у меня не получается его установить/настроить. Сейчас на "живом сайте": bm.byutchernigiv.org.ua 2 CMS: Друпал 6 и Gallery2.
Идёт текст статьи и ссылка на подборку фотографий, к ней относящейся.
А хотелось бы малюсенькие картинки в тексте и при нажатии на них - "красиво" ;)
Прошу, Вас, по возможности, описать здесь подробно и понятно для 90% населения Интернета как установить и настроить красивости Highslide.

А что по вашему находится над комментариями?

Сейчас я бы вообще не стал рекомендовать Highslide. Попробуйте лучше это - http://www.drupalka.ru/node/78

Уважаемый Dalay не могли бы Вы подсказать вот по какому повод ...
Поставил Highslide и с под FCKeditor ( Я видел что Вы с ним не работали, но ...)вставил фото с помощью вот такого кода:

текст

Фото появилось ... всё хорошо, НО при щелчке на фото, выводит лишь крошечный квадрат БЕЗ фото ...
Создал тест-страницу :

www_taltour_com_ua/node/48

Подскажите ... если есть какие-то мысли ...
А то сколько пишу на др. форумах ... молчат !!!

Не менее уважаемый RASSEL, проблема тут явно в FCKeditor`е, т.ч. смотрите на код, который он создает после вставки фото. Других мыслей нету, с FCKeditor это не ко мне, извините.

Здравствуйте Dalay. Что-то не прошло "вживление" (скачала распаковала архивы highslide.zip | node_images_edited.zip и установила 2 этих модуля в /www/lik.kz/vko/sites/all/modules, больше руками ничего не делала, может надо было?)

Вкладка node-images появилась во всех типах материала и картинка загрузились, когда я создала node (не было сообщений об ошибках).
Может дело в теме (acquia_prosper)? Потому что когда иду в редактирование ноды вижу сверху кнопочки:
* Просмотр
* Повторять
* Изменить
* Удалить
* вкладка Images (и здесь мои картинки есть!)
* Оглавление
* Следить

Может в теме, может нет. Пройдитесь еще раз внимательно по всему этапу установки, более всего вероятна ошибка в какой нить пропущенной мелочи. Помочь Вам более продуктивно без непосредственного доступа к файлам и настройкам боюсь, что не сможет никто, информации о кнопочках для этого явно не достаточно.

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

я бы на вашем месте прежде отдохнул, затем попробовал еще раз с самого начала

я просто скачал ваши модули и поставил. там нет стрелочек =(
пример на molodoedelo ru

откройте файл highslide.module и замените в нем строку:
drupal_add_js($path .'/js/highslide.js');
на:

  drupal_add_js($path .'/js/highslide-with-gallery.packed.js');
  drupal_add_js('
hs.graphicsDir = "/sites/all/modules/highslide/graphics/";
hs.align = "center";
hs.transitions = ["expand", "crossfade"];
hs.outlineType = "rounded-white";
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;

// Add the controlbar
hs.addSlideshow({
    //slideshowGroup: "group1",
    interval: 5000,
    repeat: false,
    useControls: true,
    fixedControls: "fit",
    overlayOptions: {
        opacity: .75,
        position: "bottom center",
        hideOnMouseOut: true
    }
})'
, 'inline');

не проверял, но теоретически должно сработать

после этих манипуляций сайт совсем перестаёт работать (

изменил код замены, попробуйте

спасибо. кнопки как таковые появились. но графики нет.
поискал ошибки в коде... на счет прописи папки графики.. вроде ничего не нашёл.

очень нужна чья-нибудь помощь! помогите пожалуйста!

Зачем этот фанатизм касательно Highslide? Когда писал о «вживлении» о «стрелочках» не помышлял: мне оно не надо было, да и без дополнительных возможностей код Highslide для JS весьма не мал. Это не вспоминая о том, что замечательный друпальский jQuery Highslid`ом игнориться.

Предыдущее итожа я скажу примерно так: кетамин п...к наркотик, калипсол совсем х...як ставьте Fancybox и живите спокойно.