0

I have a series of images set up to display in modal lightbox-type windows – specifically, using the Colorbox module.

  • The goal is for each image to be paired with a companion graphic overlay which is displayed upon hover over the Colorbox display.
  • Think of it as (1) the photo, and (2) the "circles and arrows" overlay (maybe .gif or .png with transparent whites).

Can anyone verify its feasibility and suggest a path to this result?

0

You would probably have to write some custom javascript / jquery in your theme's JS file and call the colorbox function on hover. For example:

$('.img-1').hover(function(){
  $('.img-2').colorbox();
});

That's only the starting point. Once it is working with just 2 images, the next step would be to dynamically pair all the images so the javascript knows which image to show on hover.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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