Tooltip с картинкой в Drupal 7
Привет всем!
Подскажите, как возможно реализовать такую задачу:
нужно, что бы при наведении курсора на заголовок во views показывалось (наподобие tooltip) изображение из определенного поля ноды, на заголовок которой мы наводим курсор.
В конечном итоге нужно получить вот это: http://lotro-fan.ru/index/0-47
При наведении на иконку появляется скриншот с описанием.
Пробовала различные варианты jquery-тултипов, но не могу никак заставить их работать именно во views.
Попробуйте эти модули
http://drupal.org/project/beautytips
http://drupal.org/node/431860
http://drupal.org/project/popup_filter
http://drupal.org/project/qtip
В любом случае придется переписывать в одно поле другие поля и это поле выводить popup'ом.
Здравствуйте!
Спасибо за ответ. А можно вот это поподробнее:
"В любом случае придется переписывать в одно поле другие поля и это поле выводить popup'ом."
Пока что я смогла реализовать это несколько коряво. Я изменила шаблон views-view-fields.tpl.php, вписав поля в конструкцию тултипа "Coda Popup Bubbles":
<?php foreach ($fields as $id => $field): ?>
<?php
if($id=='title'){$name=$field->content;}
if($id=='field_icon'){$icon=$field->content;}
if($id=='field_screenshot_description'){$screen=$field->content;}
if($id=='field_quality'){$quality=$field->content;}
if($id=='field_level'){$level=$field->content;}
if($id=='field_hard'){$hard=$field->content;}
if($id=='field_loot_in'){$loot=$field->content;}
if($id=='field_enemy_name'){$enemy=$field->content;}
?>
<?php endforeach; ?>
<table class="view_dospehy">
<tr>
<td><div><?php echo $icon; ?></div>
</td>
<td><div class="bubbleInfo">
<div class="trigger"><?php echo $name; ?></div>
<div class="popup"><?php echo $screen; ?></div>
</div></td>
<td><div><?php echo $level; ?></div></td>
<td><div><?php echo $quality; ?></div></td>
<td><div><?php echo $loot; ?></div></td>
<td><div><?php echo $enemy; ?></div></td>
<td><div><?php echo $hard; ?></div></td>
</tr>
</table>
Но вот незадача. Таблица у меня теперь рукотворная и я не могу понять как мне вывести лэйблы в хеадере таблицы...
Или как это все сконструировать иначе...
Надеюсь на ваш совет.
Сделала всё проще:
реврайтом переписала вывод названия предмета и картинки с описанием в одно поле, через css скрыла картинку в этом поле, через css же прописала ему появляться при наведении курсора. Получилось то, что нужно, с небольшим недостатком: position: absolute не позволяет привязать появляющуюся картинку к размеру названия. Но это уже мелочи.
Спасибо за подсказку.
С благодарностью, Анастасия.