サムネイル画像をアップロードしているが、アイキャッチ画像をアップロードしていない場合に、カルーセル内のサムネイル画像をホバーしてもタイトル背景画像がリンク切れにならないようにする設定です。当サイト作者が作成した次のテンプレートについてです。
- eyecatcher、eyecatcher-2c、dt18_eyecatcher (ver1.0.0)
概要
カルーセル内のサムネイル画像ホバー時、ブログタイトル背景画像が自動で切り替わるのを制御できます。
メリット
サムネイル画像をアップロードしているが、アイキャッチ画像をアップロードしていない場合、カルーセル内のサムネイル画像をホバーしてもタイトル背景画像が「リンク切れ画像」に差し替えられず、デフォルト画像が表示されたままです。
テンプレートのHTML編集内で１文字削除するだけの簡単設定です。コピペするまでもありません。
テンプレートのHTMLを編集
次のコードを探します。下図で反転している部分です。
h:'y'//ホバー時にタイトル背景画像を変更
次のコードに変更します。
'y'のyを削除しただけです。下図で反転している部分が変更後です。h:''//ホバー時にタイトル背景画像を変更
をクリックすれば完了です。
このページに関して
予告なく変更する場合があります。
このページに限りませんが、記載内容の正確性は保証いたしかねます。
今後のテンプレート改訂時には上記説明と相違があるかもしれません。ご了承願います。
作者覚書：記事作成～公開まで３０分。
以上です。
- 関連記事
-
- アイキャッチとサムネイルは別々にアップロードした方が自然な表示になる (2013/05/04)
- 画像再表示エリアにブログランキング用画像などを再表示しないカスタム (2013/05/03)
- 記事ごとやカテゴリごとのサムネイルはあるがアイキャッチがない場合 (2013/05/03)
- カルーセル内サムネイル画像ホバー時にタイトル背景を変更しない設定 (2013/05/03)
- カルーセル自体の横幅を増減させるカスタム、bodyにクラス付加するだけ (2013/04/02)
- カルーセル両端の矢印クリックでスクロールする記事数や秒数をカスタム (2013/04/02)
- カルーセル内最新記事一覧の記事数を増減させる方法(最大３０件) (2013/04/02)
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)
