jqueryのmasonryの画像選択時について

Question

HP制作でjqueryのmasonryを使用しているのですが、
画像にマウスに乗せると画像が半透明化してしまいます。
画像を選択しても半透明しないようにしようと思えばどのように修正すればよろしいのでしょうか。

当方で調べてみたところ、（masonry.pkgd.min.js）内の
（opacity）が関係しているということまではわかったのですが、
ぜひお力をお貸しいただけないでしょうか。

プラグインURLはこちらです。
masonry.pkgd.min.js

Answer 1

masonryのsrcの中のopacityは見えてない時と見えている時のopacityの変化を表すものです
（実行すると大きく&透明度が1になりながら出現するアニメーションのこと）
なので違う原因があるのではないかと思っています。。。

srcなどを貼って頂けると検証できます！

Comments

[KITAGAWA]

回答ありがとうございます。
opacityの変化を表すものということで
的外れな部分を見ていたようです、

制作中のWEBページですが
少しおかしなところがありますが、
こちらが作成中のWEBページになります。
http://www43.tok2.com/home/kitagawa625/

上のメニュー部分の透明化をやめたいと思っております。
お力お貸しください。

[MasakazuFukami]

とりあえず途中経過を共有します

メニュー部分の投下というのは
メニューをホバーした時にメニュー全体の透明度が下がるという意味でしょうか？

もしそうであるならば
menuにhoverした時ではなく
.box940 or hidden-xsにhoverした時かもしれません

[MasakazuFukami]

原因は
index.htmlの中の

<script>
//アンカーのロールオーバー
$('a').parent().hover(function(){
$(this).fadeTo("fast", 0.7);
},function(){
$(this).fadeTo("fast", 1);
});
</script>

この部分です。

aタグの親要素にhoverしたらそれをfadeするようにしてあります。

汚いですが一旦対応するなら
//アンカーのロールオーバー
$('a').parent().hover(function(){
if($(this).hasClass('box940')) return false;
$(this).fadeTo("fast", 0.7);
},function(){
if($(this).hasClass('box940')) return false;
$(this).fadeTo("fast", 1);
});

のようにもしaタグの親要素にホバーした時にそれがbox940というクラスを持っていたら処理を止める
みたいな書き方を追加してください。

box940である必要はないので適当にクラスをつけて(div class="box940 js-stopHover"みたいに)

if($(this).hasClass('js-stopHover')) return false;

みたいにしてもいいと思います！

頑張ってください！

[KITAGAWA]

ありがとうございます。

無事に解決することができました。