2010-02-07 48 views
0

我正在研究一個小圖片庫,在那裏您將滾動一個小縮略圖,較大的圖像將顯示在其上。點擊圖片可以在疊加層中加載全尺寸版本。正在更新目標href問題

http://shopcoobie.server303.com/shop/

的問題是與較大的圖像,翻車工作正常,但腳本我有更新,它指向全尺寸圖像似乎只工作我第一次點擊圖片中的href。

$$('.thumbs img').each(function(s) { 

$(s).observe('mouseover', function(e) { 
    var el = e.target; 
    var thumb = $(el).src; 
    var large = $(el).alt; 
    $(el).up(3).down(1).href = large; 
    $(el).up(3).down(2).src = thumb; 
    console.log((el).up(3).down(1).href); 
    console.log(thumb); 
}); 
}); 

控制檯輸出合適的圖像參考,如此看來這應該工作(和部分做),我只是不知道爲什麼它只能使用一次。

感謝 豐富

+0

善良,你在同一網站上使用jquery,prototype和scriptapulous ......你確定你需要所有這些嗎? – 2010-02-07 16:51:27

+0

原型/ Scriptaculous爲我自己的JS,Foxycart使用它自己加載的JQuery。我一直在想我應該選擇一個小小的JQuery,但我已經習慣了許多像LightView這樣的Prototype解決方案。 – 2010-02-07 17:22:35

回答

1

我覺得lightview插件創建其圖像榜第一,那麼你動態的改變src,它不會更新。因此,請嘗試在上面的鼠標懸停處理程序的末尾添加對Lightview.updateViews();的調用。

Lightview

Lightview.updateViews():強制頁面上的所有Lightview 元素的復位。大部分時間 你不需要這樣做,因爲 Lightview將自動接收新插入的元素 。在 更新現有元素之後,可能需要調用此函數 。

因此,您的情況是它不會自動接受更改。

+0

這正是問題所在。謝謝戴夫! – 2010-02-07 17:21:22