Jquery圖像在淡出時丟失，幫助！

我最近推出了我的投資組合頁面，並且我使用了一個jquery插件來根據他們的類對我的投資組合條目進行排序。請看它Here Jquery圖像在淡出時丟失，幫助！

你會注意到，當你翻轉每個圖像時，它會放大並顯示一個案例研究鏈接。這是它應該看起來的樣子。當您按下徽標&品牌按鈕（向上）時，它的功能也完美無缺。但是，按任何其他按鈕，然後滾動圖像。它消失了！讓圖像回來的唯一方法是返回到「全部」或「品牌標識」部分並翻轉丟失的圖像。

我似乎不知道爲什麼它的一些工作，其中大部分不是。代碼似乎是一致的，但也許我錯過了一些東西。謝謝。

來源

2010-01-14 JCHASE11

這是因爲你計算從第一.zitem的寬度和高度找到

width = $('.zitem').width() * zoom; 
height = $('.zitem').height() * zoom;

當第一項被隱藏（由於濾波）其顯示被設定爲無，所以它的寬度和高度變成0

，你需要閱讀閱讀這樣

width = $('.zitem:visible').width() * zoom; 
height = $('.zitem:visible').height() * zoom;

高度/寬度在做同樣的事情，當你取消縮放t時的第一個可見.zitem他形象

來源

2010-01-14 20:33:35

謝謝你。這有助於。當您將鼠標懸停在圖像上時，它會正確放大，但是當您將鼠標懸停在圖像上時，它仍會消失。我知道我必須做同樣的事情來縮小圖像，但我似乎無法弄清代碼。 – JCHASE11 2010-01-14 20:49:15

這是我現有的代碼來重置圖像 //重置圖像 \t \t $（this）.find（'a img'）。stop（false，true）.animate（{'width'：$（' ''。'width。'）。width（），'height'：$（'。zitem'）。height（），'top'：'0'，'left'：'0'}，{duration：100}）; – JCHASE11 2010-01-14 20:50:41

只需將$（'。zitem'）更改爲$（'。zitem：visible'） – 2010-01-14 20:53:15

Jquery圖像在淡出時丟失，幫助！

回答

相關問題