Question

我正在使用Drupal 7.我正在尝试使用图像和Vimeo视频创建“媒体”滑块。为此，我创建了一个内容类型，其中包含一个用于图像的字段和一个用于Vimeo链接的字段。我已将字段设置为无限制。

我在“视图”页面中显示我的内容。问题是Drupal为不同的fild-types创建了两个不同的包装器。所有图像都用一个div包装，视频用另一个div包裹。

但是我希望有一个东西的包装器和每个项目的一个包装器。例如：

<div class="slider">
    <div class="item">
        <img typeof="foaf:Image" src="image.jpg" width="658" height="420" alt="">
    </div>
    <div class="item">
        <img typeof="foaf:Image" src="image2.jpg" width="658" height="420" alt="">
    </div>
    <div class="item">
        <iframe title="Video title" src="http://myVideoLink?color=cccccc" frameborder="0" width="658" height="420" id="vimeo-player"></iframe>
    </div>
    <div class="item">
        <iframe title="Video title" src="http://myVideoLink2?color=cccccc" frameborder="0" width="658" height="420" id="vimeo-player"></iframe>
    </div>
</div>

而不是：

<div class="views-field views-field-field-image">
    <div class="field-content">
        <span thmr="thmr_3">
            <span thmr="thmr_4">
                <span thmr="thmr_5">
                    <img typeof="foaf:Image" src="image.jpg" width="658" height="420" alt="">
                </span>
            </span>
        </span>
        ,
        <span thmr="thmr_6">
            <span thmr="thmr_7">
                <img typeof="foaf:Image" src="image2.jpg" width="658" height="420" alt="">
            </span>
        </span>
    </div>
</div>
<div class="views-field views-field-field-vimeo">
    <div class="field-content">
        <span thmr="thmr_10">
            <iframe title="Video title" src="http://myVideoLink?color=cccccc" frameborder="0" width="658" height="420" id="vimeo-player"></iframe>
            , 
            <iframe title="Video title" src="http://myVideoLink2?color=cccccc" frameborder="0" width="658" height="420" id="vimeo-player"></iframe>
    </div>
</div>

Answer 1

在编辑视图时，转到字段设置（单击字段部分中的图像字段），然后展开＆＃34;样式设置＆＃34; fieldset和uncheck＆＃34;添加默认类＆＃34;复选框
在修改视图时，展开＆＃34;其他＆＃34;部分并单击主题（信息）链接，然后在活动主题文件夹中创建所需的模板文件。您需要样式输出模板和字段（[[此图像字段名称]]）模板。

请注意，您还需要根据您希望应用模板的范围（即仅页面或仅阻止等）和刷新缓存来选择正确的模板文件名（单击＆＃34;重新扫描＆＃34 ;创建文件后。）

为drupal7中的视图字段自定义html以获取图像滑块

1 个答案: