Posted by rodibox on February 23, 2014 at 8:21pm
Hola gente
En un portal de noticias necesito lograr un efecto similar al de www.lanacion.com.ar (y muchos portales informativos) .
Necesito que el bloque del views muestre la foto y el título, y cuando se pase el mause sobre la foto aparezca un div con el resumen de texto.
¿Alguna sugerencia?
Desde ya muchas gracias.-
Comments
Es bastante facil, yo suelo
Es bastante facil, yo suelo hacelo con un javascript custom, quizas haya un modulo para eso, pero me pareceria demasiado pesado para algo tan simple..
En tu view agregá el field del resumen, es decir, que se vea en la pagina.
Despues con CSS haces que ese div este oculto (display: none).
Con jQuery haces que cuando se pase el mouse sobre el div general de la view (casi siempre tiene una clase llamada .views-row haces un find del subdiv del resumen y le haces un .show() con javascript...
Supongamos
jQuery('#your-view .views-row').mouseenter(function() {
var self = jQuery(this);
self.find('.summary').show();
}).mouseleave(function() {
jQuery('.summary').hide();
});
Algo como eso!
Tomás Souto
Skype: tomas.souto
Baireswebdesign.com
Digital Agency - Web Design and Development
baireswebdesign.com
Gracias FuLaNo_
Muchas gracias por tu ayuda FuLaNo_ , me ahorraste un tiempo considerable en encontrar la solución.
De nuevo muchas gracias
De nada, para eso estamos!
De nada, para eso estamos!
Tomás Souto
Skype: tomas.souto
Baireswebdesign.com
Digital Agency - Web Design and Development
baireswebdesign.com