flexslider がキャプションとして表示されるように、画像にタイトルを追加する必要があります。ただし、drupal 7 の画像フィールドにタイトルを追加する方法がわかりません。ファイルタイプの画像 admin/config/media/file-types/manage/image/display にフィールドを追加しようとしましたが、フォームに入力したものは取りません。
user1920216
質問する
2705 次
2 に答える
1
独自のテンプレートを作成する場合は、オリジナルをコピーして、alt または title フィールドのいずれかを使用して、次のようにタイトル キャプションを印刷します。
<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;
}
于 2016-05-09T11:16:31.573 に答える
0
ここで誰かが私のためにこれに答えましたhttp://drupal.org/node/1067620#comment-6994238 コンテンツタイプを編集してから画像を編集する必要があり、下にスクロールすると「タイトルを有効にする」のチェックボックスがあります
于 2013-01-29T14:27:41.207 に答える