我需要添加一个标题到我的图像,以便flexslider将显示为标题。但是我不知道如何在drupal 7中为图像字段添加标题。我试图添加字段到文件类型图像管理/配置/媒体/文件类型/管理/图像/显示 但它并不需要我在表格中。flexslider图像如何添加标题
0
A
回答
0
有人回答了这个我在这里http://drupal.org/node/1067620#comment-6994238 你要编辑的内容类型,然后编辑图像,如果你向下滚动出现。如果你创建自己的模板“启用标题”
1
复选框,复制原始并添加打印标题字幕这样不管是用ALT或标题字段:
<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. 添加链接到flexslider图像
- 2. 添加图像标题
- 3. 添加标题和图标图像QProgressDialog
- 4. UITableView为图像图标添加标题
- 5. 如何为Flexslider控件导航添加标题?
- 6. Flexslider路径图像问题
- 7. 如何在JFrame的标题栏中添加图像图标?
- 8. Flexslider缓慢图像加载
- 9. Flexslider - 图像预加载器
- 10. 如何将图像和标签添加到UINavigationBar作为标题?
- 11. 如何将图像替代和标题标签添加到wordpress图像
- 12. 如何在标题文本后的网格视图标题中添加图像
- 13. 如何将图像和标题添加到表视图的标题IOS
- 14. 在textarea中添加图像标题
- 15. 添加图像到表单标题
- 16. 添加标题,注释和图像
- 17. 将URL添加到Photoswipe图像标题
- 18. 使用JQuery添加图像标题
- 19. 将图像添加到Wordpress标题
- 20. 将标题和图像添加到NSStatusItem
- 21. 如何将图像添加到标签?
- 22. 如何将缩略图图像的数量增加到FlexSlider中
- 23. Flexslider载入和滑动图像问题?
- 24. FlexSlider - 导航图像
- 25. 提取图像flexslider
- 26. Flexslider固定图像
- 27. 如何添加弹出这个flexslider
- 28. 如何使用jQuery添加图像和标题
- 29. PHP如何更改/添加图像标题
- 30. 如何添加另一个标题div到图像?