スライダーで特定の画像が表示された時だけ背景画像を半透明にする方法

Question

スライダー（スライドショー）で特定の画像が表示された時に、背景画像を半透明にする方法が知りたいです。
特定のimg のz-indexの数字が10と一致したらメソッドを呼ぶ形にしたいのですが…
<img src="maru.png" alt="/" id="back">
$(function () {
if (console.log($('#back').attr('z-index')==10){
$(".test").css("background-color","");
}
});

Answer 1

別の実装方法になってしまいますが、半透明のクラス（hoge）を用意しておいて、
特定の画像が表示されたらtoggleClassでhogeを追加/削除する形でいかがでしょうか？

特定の画像の判別方法はいくつかありますが、
「特定のクラスがあったら」とか「要素が何番目だったら」とか。

z-index関係なくなっちゃいましたが･･･。自分的には上記のほうが楽かなぁと。

Comments

[asakura238]

有難うございます。特定のクラスがあるimgのz-indexの値を取得してif文判定で実現できました。

[退会済みユーザー]

いえいえ、実現できたなら良かったです～