CCK+Imagefield+Lingtbox2 как заставить работать вместе?

Аватар пользователя devilstar devilstar 14 октября 2008 в 14:26

В общем смысл таков, создаю сайт-каталог товаров. Для меня это первый опыт с друпалом (раньше год использовал DLE) и я немного запутался. Идея такова, к ноде подгружается какое-то количество картинок через ImageField, при этом в самой ноде будут отображаться превьюшки, например внизу. Картинки разных размеров, поэтому они должны каким-то образом (еще не понял каким) выравниваться. При клике на картинку открывается лайтбокс с полноразмерной картинкой.

Теперь как я это пытаюсь уже четвертый день сделать:

Поставил CCK, imagefield, Lightbox, все включил. Создал поле с типом Image, затем задал для него второй тип Lightbox2 iframe: oroginal >> node page (больше ничего связанного с лайтбокосом там не было) для полной и краткой новости. Теперь пробую создать заметку, загружаю несколько картинок. Сохраняю... И ничего не вижу. То есть текст новости есть, а загруженных картинок нет. Что делаю не так?)

Прикладываю скриншоты, что бы понятней было то что щас.

зы: сам по себе лайтбокс работает, проверял через rel="lightbox" вручную.

ВложениеРазмер
Иконка изображения 1.jpg133.73 КБ
Иконка изображения 2.jpg28.48 КБ
Иконка изображения 3.jpg36.94 КБ
Иконка изображения 4.jpg8.3 КБ
Иконка изображения 5.jpg28.54 КБ

Комментарии

Аватар пользователя devilstar devilstar 14 октября 2008 в 15:49

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

Аватар пользователя devilstar devilstar 14 октября 2008 в 19:13

Везет... Я уже даже не знаю что придумать, что бы заработало. Вот тестю модуль Slideshow Creator, конечно не то что надо, но хоть как-то картинки оформлены.

Аватар пользователя telepus telepus 15 октября 2008 в 0:34

"batbug" wrote:
странно, у меня спокойно работает. даже после смены сервера

Может опишите как сделали? Какие версии использовали?

Аватар пользователя batbug batbug 15 октября 2008 в 5:06

Я на пятерке, cck+imagefield+lightbox2. Кстати, для отладки попробуйте Contemplate модуль, в нем можно посмотреть всё содержимое объекта ноды. Там будет видно для начала, есть ли вообще в ноде ваши поля imagefield и выводятся ли он в $body

Аватар пользователя devilstar devilstar 15 октября 2008 в 6:08

Я проверял, если тип данных поменять с lightbox на image, то все обрабатывается и выводятся картинки как они есть (не сжимаются и т.п.)

зы: буду ставить пятерку...

Аватар пользователя devilstar devilstar 10 ноября 2015 в 11:45

Поставил пятерку, моудли cck+imagefield+lightbox2+Jquery_update, все включил... Для поля image вообще даже лайтбокс выбрать нельзя, только стандартные типы Типа его нет. Как все сложно....

Аватар пользователя kyky kyky 15 октября 2008 в 7:26

это баг, установите dev-версию. сам на это натыкался. С dev-версией все работает
А лучше поставьте tikbox, с ним все гораздо легче

Аватар пользователя devilstar devilstar 15 октября 2008 в 7:44

Поставил dev lightbox на шестерку и пятерку... Ничего не поменялось. Менял просто удалением папки из модулей и заливкой новой. Правильно?

Аватар пользователя kyky kyky 15 октября 2008 в 8:00

не-а! Сначала отключаешь модуль, потом тыкаешь "удалить" на странице с модулями, выбираешь и удаляешь

Аватар пользователя devilstar devilstar 15 октября 2008 в 20:09

kyky wrote:
не-а! Сначала отключаешь модуль, потом тыкаешь "удалить" на странице с модулями, выбираешь и удаляешь

В общем все заработало) ЧТо бы превьюшки создавались поставил ImageCache. Остался один последний вопрос. У меня превьюшки почему-то выстраиваются одна под другой. И если 10 картинок, то получается такой столбик) Как сделать, что бы они были допустим по 4 в ряд?

Аватар пользователя devilstar devilstar 15 октября 2008 в 8:09

А если на этапе "тыкаешь "удалить" на странице с модулями" он мне пишет:

Нет модулей доступных для удаления.

как быть?)

update: все, понял свою ошибку Smile иожно не отвечать. Вечером скажу работает ли дев версия

Аватар пользователя kyky kyky 16 октября 2008 в 4:03

И если 10 картинок, то получается такой столбик) Как сделать, что бы они были допустим по 4 в ряд?

а это уже темизация. Отловите нужный вам DIV с помощью FireBug и назначте ему стиль display:inline и еще отступы чтобы не сливались

Аватар пользователя batbug batbug 16 октября 2008 в 8:50

Ну у контейнера для этих фоток сделай маржинг боковой большой, или ширину для него укажи.

Аватар пользователя devilstar devilstar 16 октября 2008 в 9:19

А кстати в каком файле то ловить див?) Сам див как выглядит нашел, но вот понять в каком файле он прописывается не могу понять. Как-то не очень очевидно здесь все лежит, в отличие от ДЛЕ.

Нашол нечто похожее в content-field.tpl.php, но там задается не для поля image, а вообще для всех полей ссk

<?php?>
<?php if (!$field_empty) : ?>
<div class="field field-type-<?php print $field_type_css ?> field-<?php print $field_name_css ?>">
  <?php if ($label_display == 'above') : ?>
    <div class="field-label"><?php print t($label) ?>:&nbsp;</div>
  <?php endif;?>
  <div class="field-items">
    <?php $count = 1;
    foreach ($items as $delta => $item) :
      if (!$item['empty']) : ?>
        <div class="field-item <?php print ($count % 2 ? 'odd' : 'even') ?>">
          <?php if ($label_display == 'inline') { ?>
            <div class="field-label-inline<?php print($delta ? '' : '-first')?>">
              <?php print t($label) ?>:&nbsp;</div>
          <?php } ?>
          <?php print $item['view'] ?>
        </div>
      <?php $count++;
      endif;
    endforeach;?>
  </div>
</div>
<?php endif; ?>
Аватар пользователя kyky kyky 16 октября 2008 в 11:20

этого дива ни в каком файле нет. в файле style.css добавьте его стиль сами

Аватар пользователя devilstar devilstar 24 октября 2008 в 14:18

Блин, я так и не понял как выровнять в линию. Нашел, что вроде как, отвечает стиль с названием field-items.
Ну вот пишу в style.css:

.field-items {
  display: inline;
}

И ничего не происходит. Я вообще прописал это во все возможные ксс, какие нашел - ноль реакции.

Вот полностью код, который выводит две картинки в ноду

<div class="field field-type-image field-field-ss">
<div class="field-label">SS: </div>
<div class="field-items">
<div class="field-item odd">
<a rel="lightbox[field_ss][<br /><br /><a href="/drupal/node/2">View Image Details</a>]" href="http://localhost/drupal/sites/default/files/2008-09-15_230126_1.jpg">
</a>
</div>
<div class="field-item even">
<a rel="lightbox[field_ss][<br /><br /><a href="/drupal/node/2">View Image Details</a>]" href="http://localhost/drupal/sites/default/files/2008-10-05_203846.jpg">
</a>
</div>
</div>
</div>
Аватар пользователя devilstar devilstar 24 октября 2008 в 20:23

Еще попробовал вот так прописать

.field-field-ss {
display:inline;
}
.field-field-ss .field-items {
display:inline;
}

тоже не помогло. Уже неделю парюсь из-за каких-то картинок. Такая мелочь, а фиг сделаешь.

Аватар пользователя devilstar devilstar 25 октября 2008 в 7:02

У меня все на локалке тестится, но для теста залил сайт на домен _ttp://muz-muz.ru (домен исключительно для тестов). Кроме первой проблемы, теперь еще и с кодировкой что-то ужасное. Вроде в обоих случаях стоит utf8_general_ci, ничего понять не могу с какой стати кодировка сбилась.

зы: хостинг majordomo

update: с кодировкой разобрался Smile

Аватар пользователя devilstar devilstar 25 октября 2008 в 14:21

На картинки) Там больше ничего кроме них и не включено, т.к. все остльаное работает. Они почему-то все выстраиваются столбиком, а мне надо что бы в линию хотя бы) Или табличкой 4x4. Я даже views ставил, ниче не помогает.

Аватар пользователя batbug batbug 26 октября 2008 в 2:00

ААА, первая нода! Меня запутала картинка с полями авторизации, я не сразу понял что к чему. Ну тут у тебя все просто:

.field.field-type-image.field-field-ss .field-items .field-item {
display:inline;
}

Вот так пропиши в css

Аватар пользователя alexsaab alexsaab 24 декабря 2008 в 20:51

А у меня что то тоже не работает, хотя все в CSS прописал:

Код такой выдает:

<div class="field field-type-image field-field-gallery">
    <div class="field-items">
            <div class="field-item odd">
                      <div class="field-label-inline-first">
              Изображения:&nbsp;</div>
                    <a href="http://partsgroupru/sites/default/files/gallerys/IMG_3709.JPG" class="imagecache imagecache-image_preview imagecache-imagelink imagecache-image_preview_imagelink"><img src="http://partsgroupru/sites/default/files/imagecache/image_preview/gallery... alt="" title=""  width="100" height="133" /></a>        </div>
              <div class="field-item even">

                      <div class="field-label-inline">
              Изображения:&nbsp;</div>
                    <a href="http://partsgroupru/sites/default/files/gallerys/IMG_3708_4.JPG" class="imagecache imagecache-image_preview imagecache-imagelink imagecache-image_preview_imagelink"><img src="http://partsgroupru/sites/default/files/imagecache/image_preview/gallery... alt="" title=""  width="100" height="75" /></a>        </div>
              <div class="field-item odd">
                      <div class="field-label-inline">
              Изображения:&nbsp;</div>
                    <a href="http://partsgroupru/sites/default/files/gallerys/IMG_3712.JPG" class="imagecache imagecache-image_preview imagecache-imagelink imagecache-image_preview_imagelink"><img src="http://partsgroupru/sites/default/files/imagecache/image_preview/gallery... alt="" title=""  width="100" height="133" /></a>        </div>

              <div class="field-item even">
                      <div class="field-label-inline">
              Изображения:&nbsp;</div>
                    <a href="http://partsgroupru/sites/default/files/gallerys/IMG_3715.JPG" class="imagecache imagecache-image_preview imagecache-imagelink imagecache-image_preview_imagelink"><img src="http://partsgroupru/sites/default/files/imagecache/image_preview/gallery... alt="" title=""  width="100" height="133" /></a>        </div>
        </div>
</div>

В файле CSS прописан

.field.field-type-image.field-field-gallery .field-items .field-item {
display:inline;
}

Но не выводит горизонтально.