2013-01-25 69 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; 
}