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图像在淡出时丢失，帮助！

回答

相关问题