I have installed this module by the instructions provided in the README file. Created a responsive image set and edited my .htaccess file as the instructions displayed.
I created two image-styles: responsive_small (320px width) and responsive_large (700px width) to be used in a responsive image set.
Then in ContentType > Manage Display I have changed image field format to Responsive Image and selected the responsive image set (there's only one created after all).
And when visiting the node page... Even when my browser is set to a 1280px wide window and my monitor's resolution is at 1440px, the image is displayed with the responsive_small width (320px).

What have I missed in the install/configure instructions?

Comments

svendecabooter’s picture

You might want to download this version of the script instead, until I get this module properly fixed / updated:

https://github.com/filamentgroup/Responsive-Images/tarball/e43d929709efa...

aantillon’s picture

I downloaded and installed the script you suggest and still no luck.

Now I get the large image format (responsive_large), but image never adapts to screen available when I resize or select a preset from the Developer toolbar (set at 480px width and another at 320px width)

Could you provide snapshots from your demo website settings? So I can mirror them properly.

Thanks for your support.
Sincerely,
Antonio

anthonyR’s picture

@aantillon: The Responsive Images script tests your device screen resolution, not your browser viewport width.
Which means it's normal behavior that once the large image is loaded it will not make a new request for the small one when resizing your browser.
You should let your browser resize the image at that point.

hozt’s picture

Testing the demo in Firefox 7.0 on a mac displays the small image only. In Safari, Chrome, and Opera it works correctly.

anthonyR’s picture

Issue from the Responsive Images script on github:
https://github.com/filamentgroup/Responsive-Images/issues/22

quiptime’s picture

Category: support » bug

Sorry, I must reopen this issue.

I currently have the same problem: Module displays only the small image style and never the large image style.

I have tested two JS files without reaching the solution of the problem.
JS 1: described in README.txt
JS 2: described in #1

Please describe the README.txt clearly and unambiguously what one must do to the JS file to install. At the moment the description in the README.txt produces confusion and ambiguity.

Please give me a solution so that the module does what it should.

chrisjlee’s picture

@quiptime can you verify that it's loading the javascript library correctly and that you've changed the .htaccess?