Make colorbox responsive on page [#1905072]

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

Comment #1

criscom

Graz, Austria

CreditAttribution: criscom commented 2 February 2013 at 08:50

Is this a stupid question?

Comment #2

portulaca

she/her

CreditAttribution: portulaca commented 21 December 2016 at 06:42

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.