1

私はVideogallと呼ばれるこのWordpressプラグインを持っています。これは、クリックするとShadowboxで開くYoutubeビデオのサムネイルのギャラリーを作成します。ギャラリーのサムネイルにカーソルを合わせると、次のコードにより、カーソルを合わせていないすべてのサムネイルがより透明になります。

    jQuery('.videogall-thumb').hover(function() {
    var currThumb = jQuery(this).attr('id');
    jQuery('.videogall-thumb[id!="' + currThumb +'"]').stop().animate({opacity: 0.3}, 800);
}, function() {
    jQuery('.videogall-thumb').stop().animate({opacity: 1.0}, 800);
}
);

これに何を追加して、ホバーされている画像も拡大することができますか、la hoverpulse（http://jquery.malsup.com/hoverpulse/）

4

2 に答える 2

0

このコード行は、ホバーされていないサムネイルの ID と一致します。

jQuery('.videogall-thumb[id!="' + currThumb +'"]').stop().animate({opacity: 0.3}, 800);

に変更する必要がありますか

jQuery('.videogall-thumb[id="' + currThumb +'"]').stop().animate({opacity: 0.3}, 800);

id=currThumb instead of id!=currThumb

それが役立つことを願っています。

于 2012-08-22T17:06:22.053 に答える
0

もしかしてこういうこと？

    jQuery('.videogall-thumb').hover(function() {
    var currThumb = jQuery(this).attr('id');
    jQuery('.videogall-thumb[id!="' + currThumb +'"]').stop().animate({opacity: 0.3}, 800);

    //added lines
    jQuery(this).css('width', jQuery(this).css('width') * 1.5);
    jQuery(this).css('height', jQuery(this).css('height') * 1.5);

}, function() {
    jQuery('.videogall-thumb').stop().animate({opacity: 1.0}, 800);
}
);

これは、サムネイルの幅と高さが CSS で指定されていることを前提としています (ユーザーまたはそれらを作成するプラグインによって)。

于 2012-08-22T04:56:37.357 に答える