I have a site with one large image (800 px / 400 px) and up to six small images (200 px / 100 px). I have separate upload fields for them and I use colorbox to open them in a colorbox slideshow.

Now I want the large image to be responsive and still open in the colorbox gallery slideshow with the smaller images. I have used the new picture module in conjunction with breakpoints. With these modules the large image becomes responsive but won't open in the colorbox slideshow with the other smaller images (which are not responsive). Would this be a new colorbox feature (I'd call it on page responsiveness) or can this be done already?

Any suggestions would be very welcome.

Thanks!

Comments

criscom’s picture

criscom
Location Graz, Austria
commented

Is this a stupid question?

portulaca’s picture

portulaca
she/her
commented
Issue summary: View changes

I'm using a patched Insert module to insert responsive images, and Colorbox to bring up original size. Once the patch is in Insert version Colorbox might work with it automatically.

Picture + Insert
https://www.drupal.org/node/1954546#comment-11806851

Currently I'm making it work semiautomatically. I Insert the Picture responsive code, then again click inside Body, Insert again but this time one of Colorbox options. I delete the img code from inside the colorbox anchor, and move the responsive image code inside it.

This way the image displayed inside content is Picture/Breakpoint responsive, but opens Colorbox when clicking on it.

neslee canil pinto’s picture

neslee canil pinto
he/him
Primary language English
commented
Status: Active » Closed (works as designed)