drupal-如何在視圖模塊中為每種網格格式添加自定義CSS？

Question

我有一個使用視圖模塊構建的網格圖像庫。 我希望每個圖像都有一些效果。

因此，我嘗試向每個img標簽添加自定義css類。但是我做不到。 請告訴我“如何以視圖模塊和網格格式添加自定義CSS類”？

Answer 1

您需要如下預處理圖像樣式：

/**
 * THEME_preprocess_image_style() is also available.
 */
function <THEME_NAME>_preprocess_image(&$variables) {
    if (isset($variables['style_name'])) {
        if ($variables['style_name'] == 'thumbnail') {
            $variables['attributes']['class'][] = "<YOUR CLASS NAME>";
        }
    }
}

在當前主題的template.php文件中添加以上代碼並清除緩存。

請記住，將上面代碼中<>下的文本替換為適當的值。

Answer 2

嗨，這很簡單，無需在編碼中執行此操作，只需執行以下操作即可。
1-在您的視圖中添加一個新字段（全局結果計數器），並將其從顯示中排除。
2-從顯示中排除圖像字段。
3-添加一個新的字段“全局自定義”文本字段，在這里您可以將字段“結果計數器”的標記添加到圖像字段，如下所示。

 <div class="Image-[put-result-counter-token-here]" > [token-for-image-field]</div> 

這將為您的圖像字段輸出一個動態類。