爲圖像滑塊drupal7中的視圖字段自定義html

我正在使用Drupal 7.我試圖創建一個媒體滑塊與圖像和Vimeo視頻。爲此，我創建了一個內容類型，其中一個字段用於圖像，一個字段用於Vimeo鏈接。我已將字段設置爲無限制。爲圖像滑塊drupal7中的視圖字段自定義html

我在查看頁面中顯示我的內容。問題是Drupal爲不同的fild類型創建了兩個不同的包裝器。所有圖像都用一個div包裹，視頻用另一個div包裹。

但我想有一個包裝evererything和一個包裝每個項目。例如：

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

來源

2012-09-02 user1149117

您在編輯視圖，去現場設置（單擊Fields部分像場），然後展開「樣式設置」字段集和取消選中「添加默認類」複選框
編輯視圖時，展開「其他」部分並單擊主題（信息）鏈接，然後在活動主題文件夾中創建所需的模板文件。您需要樣式輸出模板和字段（[[您的圖像字段名稱]]）模板。

請注意，您還需要根據你想在哪個範圍模板選擇正確的模板文件名要應用（即只頁面或僅封鎖等）和嵌入式緩存（點擊後「重新掃描」創建的文件）。

來源

2012-09-02 13:45:34

謝謝你的幫助！它幫助我去除一些額外的html元素。我的問題還在於Devel模塊爲我的代碼添加了額外的span標籤。 – user1149117

爲圖像滑塊drupal7中的視圖字段自定義html

回答

相關問題