我正在研究一個小圖片庫,在那裏您將滾動一個小縮略圖,較大的圖像將顯示在其上。點擊圖片可以在疊加層中加載全尺寸版本。正在更新目標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);
});
});
控制檯輸出合適的圖像參考,如此看來這應該工作(和部分做),我只是不知道爲什麼它只能使用一次。
感謝 豐富
善良,你在同一網站上使用jquery,prototype和scriptapulous ......你確定你需要所有這些嗎? – 2010-02-07 16:51:27
原型/ Scriptaculous爲我自己的JS,Foxycart使用它自己加載的JQuery。我一直在想我應該選擇一個小小的JQuery,但我已經習慣了許多像LightView這樣的Prototype解決方案。 – 2010-02-07 17:22:35