將鼠標懸停在WordPress頁面中的項目列表上顯示精選圖片

客戶端正在請求允許WordPress生成子頁面列表的功能，以及當該列表中的項目（文本）被徘徊時，精選圖像會顯示。 Here's an example of such functionality.將鼠標懸停在WordPress頁面中的項目列表上顯示精選圖片

經過進一步的研究，我發現this thread。然而，經過審查，似乎Petley Jones網站已對所有頁面鏈接進行了硬編碼。我可能是不正確的。我需要使用wp_list_pages或者可能使用get_page，因爲會有很多由員工添加的子頁面，而不是一個人。

我知道使用JQuery和CSS的解決方案。 JQuery解決方案似乎是最好的，但我不知道我怎麼能將它與WordPress耦合。 CSS會要求每個項目都有相同的類或ID，我可以實現，但我不確定如何在樣式表中調用唯一的頁面ID。任何建議將不勝感激！

2012-06-09 Andrew

您可以嘗試按照如下程序 -

說<div class="child_page"></div>和裏面放置你的子頁面的名稱的PHP代碼。
在這個div下面的子頁面的代碼添加另一個div與類說<div class="child_page_Img"></div>和它裏面的代碼太抓住特定頁面的特徵圖像。
添加一些CSS在你的主題stylesheet-

.child_page_Img{display:none;} .child_page:hover .child_page_Img{display:block;}

這個把戲應該可以工作。謝謝

2012-06-09 19:53:04 maksbd19

請不要忘記告訴我們您的建議是成功還是失敗。 – maksbd19

這工作完美。我不確定它是否會起作用，因爲我有多個子頁面，但它工作。感謝您花時間回覆。 – Andrew

如果它真的有效，那麼你可以嘗試接受答案:)並且可能將它投票... – maksbd19

回答