我需要添加一個標題到我的圖像,以便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到圖像?