2013-01-14 37 views
0

我已經使用jQuery jQuery中如何洗牌這是jQuery中

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

現在我想從「0」洗牌img_opacity類的不透明度和「1」加類到我的圖像添加類的不透明度用jQuery變量myvar。這個jQuery變量的值是opa1 and opa2。如何在我上面的jquery腳本中使用其他方法來混洗不透明度。

+0

你想什麼時候洗牌?點擊,懸停,載入等。 – Morpheus

+0

實際上,myvar值是使用wordpress選項設置值設置的。它不是鼠標懸停或點擊活動。 – galexy

回答

3

不知道我理解你的問題,但也許這就是fiting您的需求:

var opa1 = 0, opa2 = 1; 
$('.img_opacity').each(function(){ 
    var myvar = $(this).is(':hidden')?opa2:opa1; 
    $(this).css({opacity:myvar}); 
}); 
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'); 
    } 
});