I am following these instructions from the RedMe
1/ Download the Responsive Images library (https://github.com/filamentgroup/Responsive-Images/tree/cookie-driven) to your sites/all/libraries folder
Make sure to put it in a folder named "responsive_images".
The folder structure should be like sites/[all or sitename]/libraries/responsive_images/rwd-images/
Optionally you can use the Libraries API module (http://drupal.org/project/libraries) to install the library in another location and have it auto detected
Note: You don't need to follow installation instructions provided by the Responsive Images library itself. This will be handled in step 3.
2/ Enable the Responsive Images module
3/ Optionally, create new image styles (admin/config/media/image-styles/add) for small & large screens.
4/ Configure the module at admin/config/media/responsive_images, by defining responsive image sets.
5/ After saving, go to admin/config/media/responsive_images/instructions, where you find instructions on the code that needs to be added to your Drupal .htaccess file
I have tried
sites/[all or sitename]/libraries/responsive_images/rwd-images/resposive-images.js
and
sites/[all or sitename]/libraries/responsive_images/responsive-images.js
but in in Step 5, I get
Responsive Images library WARNING: Library is not correctly installed
I have LIbraries module installed. What am I doing wrong please?
| Comment | File | Size | Author |
|---|---|---|---|
| #6 | revised-js-filename-and-path-1269904.patch | 484 bytes | paskainos |
Comments
Comment #1
aantillon commentedI don't know if this might help.
I read through the responsive_images.module file included in the module's folder and in this function:
/**
* Get the path to the library Javascript file
*/
function responsive_images_get_library_file() {
return responsive_images_get_library_path() . '/rwd-images/rwd-images.js';
}
expects to find the following folder structure:
/sites/all/libraries/responsive_images/rwd-images/rwd-images.js
that is.. you'll need to rename the responsive-images.js file from filament group to rwd-images.js
After I re-created that folder/file structure, I could see the instructions for the .htaccess file.
Comment #2
svendecabooterThe library on github has been updated quite a bit since I wrote this module.
I will have to check it...
I'm also considering moving the key bits of the Filament script into this module itself, so we don't depend on an external JS library.
But that might still take a while given i'm flooded with work
Comment #3
Patroclas commentedThanks aantilon - renaming the file worked worked.
svendecabooter - as a quick fix, maybe this could be added to the ReadMe and/or the documentation? Thanks for the module!
Comment #4
svendecabooterI have updated the project page to guide people to the version of the script that actually works:
https://github.com/filamentgroup/Responsive-Images/tarball/e43d929709efa...
I'll improve this module when I find some more time later...
Perhaps already tagging it as beta wasn't the best idea, as it's still quite experimental
Comment #5
dooug commentedUsing that tarball in comment #4 worked for me. However, it seems that is a few commits behind the latest cookie-driven branch. I tried cloning the cookie-driven branch but the file structure is no longer the same to work with this module.
Comment #6
paskainos commentedWhy hasn't the filename and path simply been revised to reflect the changes in the external js library (see attached patch)? That seems to work, but is there any reason that won't work?
Comment #7
chrisjlee commented@paskainos are you sure you have the right library or do i have the wrong library?
The library i have actually has the other path (/rwd-images/rwd-images.js') it's a different branch, data attribute based, contained in the github repo.
Overall the documentation should be a little clearer when dictating this.