web-dev-qa-db-ja.com

ビューの画像にjQueryホバー効果を追加する

サムネイル画像のビューにjQueryホバー効果を追加したいと思います（コンテンツタイプは画像フィールドで構成されます）。追加したい効果はここにあります：

コード： http://www.freshdesignweb.com/responsive-portfolio-gallery-with-jquery-tutorial.html 例： http://elegantthemes.com/preview/Evolution/

これは、ユーザーが画像にカーソルを合わせると表示されるオーバーレイで構成されます。 （ユーザーがコメントできるように）オーバーレイに画像自体へのリンクを設定し、ライトボックスで画像の拡大版を開きたいと思います。

これを追加する簡単なチュートリアルが見つかりません。良い提案がある人はいますか？それとも、そのような効果を実装するための手順を示す時間がありますか？

ありがとう！

7viewsmediajavascript
3
Anne

そのビューにカスタムテーマを追加することでそれを行います ビューにテーマを適用する方法drupal 7 ビューをチュートリアルのHTML構造と一致するように出力します追加 .jsファイルを推奨。

高度になると、ビュースタイルプラグインを作成して、このjQuery効果をビューページから直接追加できるようにすることができます。

見る

Drupalのビュースタイルプラグインを作成するには？

hook_views_pluginsを適切に実装する方法

1
niksmac

ビュー表示ごとのコード

特徴

  • 各ディスプレイにカスタムCSSまたはJSコードを追加します。
  • インラインまたはファイルからコードを提供します。

使用例

CPVは次の場合に役立ちます。

  • ビュー管理者がテーマファイルへのアクセスを許可せずに特定のディスプレイにテーマを設定できるようにしたい場合。
  • cSSとJSコードをすべてのテーマのディスプレイに適用したい。
  • 既存のテーマを変更したり、サブテーマを作成したりせずに、CSSおよびJSコードをディスプレイに適用したい。
0
Adi