2012-08-22 5 views
1

J'ai ce plugin Wordpress appelé Videogall qui crée une galerie de vignettes pour les vidéos Youtube qui s'ouvrent dans une Shadowbox quand on clique dessus. Lorsque vous passez la souris sur une vignette dans la galerie, le code suivant provoque le survol de toutes les vignettes et pour devenir plus transparent.jQuery hover agrandir sur wordpress plugin

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); 
} 
); 

Que puis-je ajouter à cela pour faire l'image étant planait au-dessus aussi agrandir, à la hoverpulse (http://jquery.malsup.com/hoverpulse/)

+0

Avez-vous déjà vu cette question sur Web Applications: http://webapps.stackexchange.com/q/54645/29140? Pourquoi ne créez-vous pas un compte? –

Répondre

0

Quelque chose comme ça peut-être?

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); 
} 
); 

Ceci suppose que les vignettes ont une largeur et une hauteur spécifiées en CSS (par vous ou le plugin qui les fait).

0

Cette ligne de code correspond ids de vignettes qui ne sont pas planait au-dessus:

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

devrait-il être modifié à

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

id=currThumb instead of id!=currThumb 

espoir qui aide.