By Québec on

Hi,

I have a content type with an image field. The images are displayed in a page using Views (thumbnails) linking to the node. There are some exposed filters and I am using the Masonry module to get a «pinterest effect».

I am looking to implement a jQuery effect: on hover, the user would see 2 links: one linking to the node (for comments); one to see the image in a lightbox. Here are 2 examples :
- http://elegantthemes.com/preview/Evolution/ (very nice!!!)
- http://freshdesignweb.com/demo/2012/12/responsive-portfolio-gallery-with... .

I have found this code : http://www.freshdesignweb.com/responsive-portfolio-gallery-with-jquery-t... (but there is maybe some other code elsewhere?).

I just dont know what to do with it. I have search for some «how to's», but did not find anything easy for «jQuery first timers» like me.

I have found the jQuery Librairy module (http://drupal.org/project/javascript_libraries) that seems to help. But then, how do I link my view to the jQuery effect?

Some help or a link to a comprehensive tutorial would be much appreciated.

Thanks!

⋅ Categories: Drupal 7.x