2013-01-25 80 views
0

我需要添加一個標題到我的圖像,以便flexslider將顯示爲標題。但是我不知道如何在drupal 7中爲圖像字段添加標題。我試圖添加字段到文件類型圖像管理/配置/媒體/文件類型/管理/圖像/顯示 但它並不需要我在表格中。flexslider圖像如何添加標題

回答

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; 
}