2

Adipoli jQuery 画像ホバー効果を使用していますが、一部のプロパティを変更する際に問題が発生しています。画像はグレースケールに変わり、マウスオーバーすると色に変わりますが、画像をクリックすると色が残るように設定しましたが、画像を置き換える代わりに別の画像の上に画像を追加するため、壊れています(ただし、未定義な​​ので表示されていません）。以下は私が使用しているコードですが、www.filedropper.com/adipoli-testから完全な例をダウンロードできます。

<script type="text/javascript">
$(document).ready(function() {
    $('#image1').adipoli({
        'startEffect' : 'grayscale',
        'hoverEffect' : 'popout'
    });
}); 

function select(n){       
    $('#image1').adipoli({
        'startEffect' : 'normal',
        'hoverEffect' : 'popout'
    });                        
}
</script>
<div style="width:650px; height: 400px; display:block; margin: 60px;">
 <a href="javascript:void(0)" onclick="select(1)"><img src="image1.jpg" class="img1" id="image1"></a>
</div>

私は本当にこれを実現したいと思っており、jQuery の専門家が私を助けてくれることを願っています。

4

1 に答える 1

0

要素から adipoli を破棄する新しい jquery 関数「adipoliDestroy」を作成します。要素の adipoli を再初期化する前に、destroy を呼び出して adipoli を再度初期化します。

(function($){
    $.fn.adipoliDestroy = function(){
        var clone = this.clone().css('display', 'block'),
                wrapper = null;
        if (wrapper = this.parents('.adipoli-wrapper')){
            wrapper.replaceWith(clone);
        }
        return clone;
    }
})(jQuery);

function select(n){
    $('#image1').adipoliDestroy().adipoli({
        'startEffect' : 'normal',
        'hoverEffect' : 'popout'
    });
}
于 2013-06-02T18:07:29.460 に答える