0

jqueryでjqueryを使用して、イメージにクラスを追加しました

$('.myimage img').addClass('img_opacity').css({"position":"absolute","z-index":"999","opacity":"0"})

img_opacityjquery variable を使用して、クラスの不透明度を「0」と「1」からシャッフルしたいと思いますmyvar。この jquery 変数の値はopa1 and opa2. 上記のjqueryスクリプトでif elseを使用して不透明度をシャッフルするにはどうすればよいですか。

4

2 に答える 2

3

私があなたの質問を理解しているかどうかはわかりませんが、おそらくそれはあなたのニーズに合っています：

var opa1 = 0, opa2 = 1;
$('.img_opacity').each(function(){
    var myvar = $(this).is(':hidden')?opa2:opa1;
    $(this).css({opacity:myvar});
});
于 2013-01-14T10:50:54.950 に答える
0

クリック時に不透明度をシャッフルしたい場合は、これが答えかもしれませんhttp://jsfiddle.net/vleran/ErajA/

HTML

<a href="#">Shuffle!</a>

<div class="myimage">
  <img class="is-visible" src="http://www.osa-opn.org/opn/media/Images/ImageOfTheWeek/12-10-22.jpg?width=1024&height=1024&ext=.jpg" alt="NASSA"/>
</div>

jQuery

$('a').click( function(e) {

e.preventDefault();
  if($('img').hasClass('is-visible')) {
    $('img').animate({opacity: 0}, 500).addClass('is-hidden').removeClass('is-visible');
  } else {
    $('img').animate({opacity: 1}, 500).addClass('is-visible').removeClass('is-hidden');
  }
});
于 2013-01-14T10:54:14.883 に答える