我需要添加一个标题到我的图像,以便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. 添加标题和图标图像QProgressDialog
- 3. UITableView为图像图标添加标题
- 4. 如何为Flexslider控件导航添加标题?
- 5. Flexslider路径图像问题
- 6. 如何在JFrame的标题栏中添加图像图标?
- 7. Flexslider - 图像预加载器
- 8. Flexslider缓慢图像加载
- 9. 如何将图像和标签添加到UINavigationBar作为标题?
- 10. 如何将图像替代和标题标签添加到wordpress图像
- 11. 如何在标题文本后的网格视图标题中添加图像
- 12. 如何将图像和标题添加到表视图的标题IOS
- 13. 将标题和图像添加到NSStatusItem
- 14. 添加图像到表单标题
- 15. 在textarea中添加图像标题
- 16. 将URL添加到Photoswipe图像标题
- 17. 将图像添加到Wordpress标题
- 18. 添加标题,注释和图像
- 19. 如何将图像添加到标签?
- 20. Flexslider载入和滑动图像问题?
- 21. FlexSlider标题ipad问题
- 22. 如何添加弹出这个flexslider
- 23. 提取图像flexslider
- 24. FlexSlider - 导航图像
- 25. 如何添加另一个标题div到图像?
- 26. 如何将图像添加到ListView列标题?
- 27. 如何在EmailMessage中添加'名称'标题到嵌入图像
- 28. 如何将图像添加到标题的末尾?
- 29. 如何将图像添加到android 3.0的标题栏?
- 30. 如何向图像标题中的文本添加过渡