Hi im thinking of making a gallery of photos.

On the front page Id like to display thumbnails of album covers for each collection.

What I want to achieve is when I hover over an image (Album cover) that image will turn into a slideshow/ transition of images that are included in that album.

Whats the easiest and best approach to accomplish this?

1 Answer 1


Here are my suggestions. You will need to load both preview and slideshow, and hide slideshow with css/jQuery. Then with jQuery show whole slideshow on hover.

Or, you could use jQuery load() or other jQuery ajax methods to load slideshow dinamically on-hover, If the page has lots of content.

In any case, you will need to include some custom jQuery scripts in your page.tpl.php (checking if $is_front is true, to include some javascript via drupal_add_js for example). This is type of approach i use.

For slideshows, you can use jQuery scripts (i use http://css-tricks.com/anythingslider-jquery-plugin/ and http://bxslider.com/ ).

If you are fond to php programming you can use content types and EntityFieldQuery to load elements in that slideshows.

If not, you could try and search for existing drupal modules to show slideshows like http://drupal.org/project/nivo_slider

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.