質問があります。私はワードプレスで作業しており、投稿がサムネイルで表示されるブログを持っています。マウスを置いたときにサムネイルが変わるといいのですが。問題は、さまざまな画像でサムネイルを変更したいということです。基本的に、各サムネイルには独自のロールオーバー画像があります。問題は、js コードをループにアタッチする方法がよくわからないことです。
そして、パーマリンクにjsコードを添付すると、投稿ごとに異なるロールオーバー画像を作成すると、すべてのサムネイルが同じ画像に変更されます。また、jqueryでもできると言われました。それは価値がありますか？
私はできるだけ明確にしようとしていましたが、
どんな助けも大歓迎です!
1995 次
1 に答える
0
という名前のカスタム フィールドを各投稿に追加できますhoverImg。この値は、ロールオーバー画像として使用する画像へのリンクです。
次に、ループ内でリンクを取得して追加します。
<?php $hover_image = get_post_meta($post->ID, 'hoverImg', true); ?>
<img class="hover-img" src="<?php echo $hover_image; ?>" />
この画像は最初は非表示で、サムネイルのオーバーレイとして配置する必要があります。次に、jqueryでホバーして表示します。
画像がないので、2 つの div を持つ jsFiddle を作成しました。1 つはサムネイルを表し、もう 1 つは効果を模倣するロールオーバー画像を表します。
<div class="hover-img"></div>jsfiddle の を実際のサムネイル画像 (上記で作成) に置き換えるだけです。
于 2011-03-29T23:27:04.300 に答える