Jquery Image perdue sur fondu, aide!

Question

J'ai récemment lancé ma page de portfolio, et j'ai utilisé un plugin jquery pour trier mes entrées de portfolio en fonction de leurs classes. S'il vous plaît voir Here

Vous remarquerez que lorsque vous faites un survol de chaque image, il agrandit et un lien d'étude de cas apparaît. Voilà comment cela devrait ressembler. Lorsque vous appuyez sur le logo & bouton de marque (en haut), il fonctionne parfaitement aussi bien. MAIS, appuyez sur l'un des autres boutons, puis faites défiler une image. Il disparaît! La seule façon de faire revenir cette image est de revenir à la section «tous» ou «logos &» et de retourner l'image manquante.

Je n'arrive pas à comprendre pourquoi certaines d'entre elles fonctionnent et la plupart ne fonctionnent pas. Le code semble être cohérent, mais peut-être qu'il me manque quelque chose. Merci.

Answer 1

Cela se produit parce que vous calculez la largeur et la hauteur de la première .zitem vous trouvez

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

Lorsque le premier élément est caché (en raison du filtrage) son affichage est réglé sur aucune, de sorte que sa largeur et sa hauteur devient 0.

vous aurez besoin de lire la première .zitem visible lors de la lecture de la hauteur/largeur comme celui-ci

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

faire la même chose quand vous dézoomer t l'image