サポート » 使い方全般 » アイキャッチ画像をロールーバーで別画像に

  • 初めまして。
    現在サイトをカスタマイズしており、行き詰まってしまいましたので質問させていただきます。

    “個別記事のアイキャッチ画像に指定したサムネイルを投稿記事一覧ページでマウスオーバー時、指定した別画像にロールオーバーで変える”
    と言ったカスタマイズをしたいのですが、その様なカスタマイズは可能なのでしょうか?

    サムネイルに記事タイトル等を重ねると言ったカスタマイズは検索で見つかったのですが、上記の様な方法は見当たらず、困り果てています。

    カスタム方法、またはその様なプラグインがあればご教授いただきたいです。
    よろしくお願い致します。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • 指定した別画像というのがすべての記事で共通だったりするのなら
    スタイルシートだけで大丈夫だと思うのですが。
    画像を囲っているaタグのbackgroundにロールオーバー画像を指定して、マウスがのったらimgを表示しないという感じです。

    トピック投稿者 KANA0224

    (@kana0224)

    paruchanさん

    ご返答ありがとうございます。

    補足致します。
    別画像は全てで共通ではなく、各記事で違うものを指定したいと思っています。

    記事ごとの画像というのはアイキャッチ画像の他にカスタムフィールドを利用してロールオーバー画像をアップロードするということですか?
    それならばタイトルをロールオーバさせる方法と同じ手法でタイトル部分をカスタムフィールドの画像にすれば画像でもロールオーバー可能だと思います。

    もしくは、CSSスプライトの手法でアイキャッチ画像をロールオーバー分を含めた1枚の画像にしてCSSで切り替えることでもできそうですね。

    jQuery.rollover.js など、使用するのがいいのでは?

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「アイキャッチ画像をロールーバーで別画像に」には新たに返信することはできません。