Простенька галерея

Добрий час всім. Як організувати простеньку галерею. Без всяких там напряжних модулів. Полазив по друпал.ру, нарив там тільки статті по 2-3 сторінки і всякі какі-біки треба робити щоб була галерея. Не вже немає простішого рішення?

Що мені потрібно? Це тупо добавити поле в тип матеріала з можливістю добавити зображення. Щось на зразок як це робить модуль uploads. В тип матеріала додає поле з можливістю приєднувати файли. Чи можна так само добавити поле з можливістю загрузити зображення (чи декілька зображень) і потім щоб вони появлялись в низу публікації? Коли клікнути на них то з jqwery відкривались на екрані?

Наскільки я зрозумів, це можна організувати через ImageAPI, ImageField, ImageCache, FileField, Thisbox.

Як правильно створити таке поле? Чи взагалі це реально створити?

my3uka / 10 Квітень, 2011

галерая на друпалі

Коментарі

Танці з бубном дали свої результати. Поля добавив, все працює. Залишилось тільки вивести зобразення через thisbox або ligthbox2 що типу як тут.

my3uka / 10 Квітень, 2011 - 13:01

colorbox отличная штука для вывода фоток и другого контента

orb / 20 Травень, 2011 - 20:20

Зайдіть в Dispaly fields

anywend / 10 Квітень, 2011 - 22:59

Все вже зробив, але фотки виводяться в стовпчик, як зробити щоб вони виводились квадратиком (в ряд)?
Наприклад 4 х 4.

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

my3uka / 11 Квітень, 2011 - 00:22

в Views є можливість виводити у вигляді grid

orb / 11 Квітень, 2011 - 08:15

як це зробити без вювс?

my3uka / 11 Квітень, 2011 - 11:10

як без views?
А чим ви робити блоки і каталоги які виводяться?
Без views теж можливо, але треба програмувати свій модуль

orb / 11 Квітень, 2011 - 15:36

у вас 1 нода має декілька полів в кожному з яких є окрема фотка і тількі ці фотки треба вивисти 3х4?

Якщо так, то views не треба, все можно зробити через CSS

orb / 11 Квітень, 2011 - 15:40

Саме так, але якщо дивитись через firebug, то кожному полю присвоєний класс field-item odd i field-item even. Вони почергуються постійно. Вже куда тільки не сував float:left нічого не виходить.

Наскільки я зрозумів, потрібно полю, де виводиться зображення додати float:left, але проблема в тому, що не можу ніяк знайти той клас який відповідає за то поле....його як такого немає.

my3uka / 12 Квітень, 2011 - 07:56

дай зображення екрану
там назви ССК полів не має?

orb / 12 Квітень, 2011 - 08:14

У мене працює дуже простий варіант:

.node .content .field-name-field-image img {
  border: 0;
  float: left;
  padding: .2em;
}

Де "image" (field_image) - це назва поля для зображення.

GN / 14 Квітень, 2011 - 07:52

мне, кстати, приглянулся colorbox модуль для такого

gumanist / 11 Квітень, 2011 - 16:34

my3uka / 12 Квітень, 2011 - 09:16

только темизация приходит в голову

orb / 12 Квітень, 2011 - 17:36

Виведи ручками в тплці ноди через таблицю, і все

anywend / 12 Квітень, 2011 - 14:26

Ось приклад: Вставляєш під будь-якою статтею і буде тобі свято! В налаштуванні, думаю, сам розберешся :)

<?php 
drupal_add_js ('node/portfolio/js/jquery.lightbox.js');
drupal_add_css ('node/portfolio/lightbox.css');
?>
 
 
 
<ul id="gallery">
  <li><a rel="lightbox-tour" href="portfolio/img/1/01.jpg" title="Гостинная">
  <img src="portfolio/img/1/01m.jpg" alt="" /></a></li>
  <li><a rel="lightbox-tour" href="portfolio/img/1/02.jpg" title="Кухня после ремонта">
  <img src="portfolio/img/1/02m.jpg" alt="" /></a></li>
  <li><a rel="lightbox-tour" href="portfolio/img/1/03.jpg" title="Выход с кухни на балкон">
  <img src="portfolio/img/1/03m.jpg" alt="" /></a></li>
  <li><a rel="lightbox-tour" href="portfolio/img/1/04.jpg" title="Вид на прихожую с кухни">
  <img src="portfolio/img/1/04m.jpg" alt="" /></a></li><br>
  <li><a rel="lightbox-tour" href="portfolio/img/1/05.jpg" title="Вид кухни с гостинной">
  <img src="portfolio/img/1/05m.jpg" alt="" /></a></li>
  <li><a rel="lightbox-tour" href="portfolio/img/1/06.jpg" title="Противоположный ракурс гостинной">
  <img src="portfolio/img/1/06m.jpg" alt="" /></a></li>
  <li><a rel="lightbox-tour" href="portfolio/img/1/07.jpg" title="Выход на балкон.">
  <img src="portfolio/img/1/07m.jpg" alt="" /></a></li>
</ul>
 
 
<script type="text/javascript">
$(document).ready(function(){
	$("#gallery a").lightbox();
    $.Lightbox.construct({
    	"speed": 500,
    	"show_linkback": true,
    	"keys": {
			close:	"q",
			prev:	"z",
			next:	"x"
		},
		"opacity": 0.3,
		text: {
			image:		"Картинка",
			of:			"из",
			close:		"Закрыть",
			closeInfo:	"Завершить просмотр можно, кликнув мышью вне картинки.",
			help: {
				close:		"Закрыть",
				interact:	""
			},
			about: {
				text: 	"Лаборатория ремонта",
				title:	"Выполняем любые виды ремонта",
				link:	"http://www.labrem.ru"
			}
		},
		files: {
			images: {
				prev:		"portfolio/img/prev.gif",
				next:		"portfolio/img/next.gif",
				blank:		"portfolio/img/blank.gif",
				loading:	"portfolio/img/loading.gif"
			}
		}
    });
});
</script>

lutero / 17 Квітень, 2011 - 10:58

Можеш розказати про свої танці з бубном?

Ananas / 19 Травень, 2011 - 08:45