2013-03-21 172 views
0

請參閱this reference URL以更好地瞭解我的意思,我在描述事物時是垃圾。懸停切換圖像

基本上,如你所見,有一個「主」圖像和5個「拇指」圖像。我的客戶想要的是,每當有人在某個「拇指」圖像上懸停時,「主」圖像就會改變。

因此,舉例來說,如果有人懸停在第三拇指,主圖像會更改爲拇指的全尺寸版本...

這是否有意義?

我使用的是Wordpress,所以我不知道有沒有人知道一個類似的插件。

+0

如果沒有插件,你可以給縮略圖'onmouseover =「thatimage.src ='newsource.jpg'」''屬性。並不需要一個jQuery解決方案。 – DiMono 2013-03-21 16:30:58

+0

將http://api.jquery.com/hover/綁定到每個較小的圖像。將小圖像的來源(及其大變體)引用爲大版本的CSS背景。很基本的jQuery。也許會聘請一個有更多知識的人? :) – 2013-03-21 16:31:25

+0

請爲您的問題創建一個jsfiddle或codepen。該參考鏈接雖然不是絕對的NSFW,但可能被描述爲「工作上可能很尷尬」。 – 2013-03-21 16:32:28

回答

1

只要做這樣的事情?

$('.thumb').mouseenter(function() { 
    $('#main').attr('src' , $(this).attr('src')); 
}); 
+0

這個代碼如何工作? [鏈接](http://codepen.io/anon/pen/oDcfA)。對不起,jQuery並不是我的強項, – 2013-03-21 19:06:45

+0

http://jsfiddle.net/GPBrA/就是這樣。 – 2013-03-21 19:48:10

+0

完美!非常感謝 – 2013-03-21 22:13:43