flexslider图像如何添加标题

时间:2013-01-25 14:29:57

标签: flexslider

我需要为我的图片添加标题,以便flexslider将其显示为标题。但是我无法弄清楚如何在drupal 7中为图像字段添加标题。我尝试将字段添加到文件类型图像admin / config / media / file-types / manage / image / display 但它并没有采取我在表格中提出的内容。

2 个答案:

答案 0 :(得分: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;
}

答案 1 :(得分:0)

有人在这里为我解答了http://drupal.org/node/1067620#comment-6994238 您必须编辑内容类型,然后编辑图像,如果向下滚动,则会出现“启用标题”复选框