вторник, 22 июня 2010 г.

Галерея (друпал + image + jquery_lightbox)

Задача: к материалам сайта (нодам в терминологии друпала) прикрепляется минигалерея, отображающаяся вместе с самим материалом. Это все работает в Drupal.

В первую очередь я наткнулся на модуль Image, который позволяет прикреплять к ноде изображения, составляющие наши минигалереи. Но функционала этого модуля оказалось недостаточно, потому что он не давал возможности быстро переключаться между изображениями, прикрепленными к одной ноде (назад/далее), плюс клики на иконки ведут к нодам изображений, а мне нужно было просто открывать оригинальное изображение в новом окне.

В принципе такой функционал дает другой друпаловский модуль - Lightbox2, но я понятия не имею как достаточно простым образом прикрепить его галереи к другим нодам. Так что я воспользовался тоже lightbox'ом, но не друпаловским модулем, а плагином к jquery.

Короткий код:


$('document').ready(function(){
$('.all-attached-images a').each(function(){
$(this).attr('href', replace_string($(this).children('img').attr('src'), 'thumbnail.', ''));
});
$('.all-attached-images a').lightbox();
});


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

Вот и получилась прикрепляемая галерея.

Комментариев нет:

Отправить комментарий