I tried this module with colorbox. After following the tutorial I defined the image styles
colorbox_wide and
colorbox_mobile.
Configuration of the image-field of the content type:
Format: Colorbox
Node image style: thumbnail_wide
Colorbox image style: colorbox_wide
Then I scaled my browser down to a "mobile-screen" and opened the page containing the image. As expected the thumbnail_mobile was loaded.
But clicking on the thumbnail now opened the colorbox_wide style in the colorbox instead of the expected colorbox_mobile. Right mouse click on "show graphic info" in Firefox showed the right path to the colorbox_mobile images and out of a sudden the right colorbox_mobile was on the screen.
Further tests showed that every time I clicked on an image the big colorbox_wide was loaded and shown first before switching to the colorbox_mobile.
After a while even on the page the thumbnail_mobile was not loaded any more but every time the thumbnail_wide.
Am I doing something wrong? Or is the Colorbox support broken?
Comments
Comment #1
attiks commentedComment #2
smitty commentedWell, I think this was an configuration problem.
In the configuration of the image-field of the content type I had entered:
This caused that every time a node was loaded the wide variant of the image got loaded (even if the browser was scaled down to mobile size).
I changed this now to
and everything works fine now.
Perhaps you could mention in the tutorial to "use the image style with the default suffix" (like you did it in the Media module section, which I didn't read because I hadn't the Media module installed)?
Comment #3
attiks commentedComment #4
attiks commented