flexslider图像如何添加标题

Question

我需要添加一个标题到我的图像，以便挠性滑块将显示为标题。但是，我不知道如何向Drupal7中的image字段添加标题。我尝试将字段添加到文件类型图像admin/config/media/file-types/manage/image/display中，但它不接受我在表单中输入的内容。

Answer 1

如果您创建自己的模板，请复制原始模板并添加打印标题-标题，如下所示，使用alt或title字段：

<div id="slider" class="flexslider">
<ul class="slides">
  <?php foreach ($items as $img):?>

  <li><?php print render ($img) ; ?>

  <?php if (!empty($img['#item']['alt'])) { ?>
    <p class="title-caption"><?php print $img['#item']['alt']; ?></p>
  <?php } ?>

  </li>

  <?php endforeach; ?>
</ul>
</div>


<?php 
  $counter = count($items);
  if($counter > 0){ ?>
  <div id="carousel" class="flexslider">
    <ul class="slides">
    <?php foreach ($items as $img): ?>
      <li><?php print render($img); ?></li>
    <?php endforeach; ?>
    </ul>
 </div>
<?php  }

然后添加到你的css中：

.title-caption {
position: absolute;
width: 99%;
padding: 10px;
bottom: 0px;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
font-size: 20px;
line-height: 28px;
margin: 5px;
}

Answer 2

有人在这里为我回答了这个问题，http://drupal.org/node/1067620#comment-6994238你必须编辑内容类型，然后编辑图像，如果你向下滚动，会有一个"Enable Title“复选框