You are here

Home » API reference » Responsive images and styles 7

README.txt in Responsive images and styles 7

Same filename and directory in other branches
  1. 8 README.txt
  2. 7.2 README.txt
-- SUMMARY --

Responsive images and styles (resp_img) This module solves the problems with images
and responsive themes, it allows you to define multiple image style suffixes and their
corresponding maximum width.

For a full description of the module, visit the project page:
http://drupal.org/project/resp_img

To submit bug reports and feature suggestions, or to track changes:
http://drupal.org/project/issues/resp_img

-- REQUIREMENTS --

none

-- INSTALLATION --

* Install as usual, see http://drupal.org/node/70151 for further information.

-- TUTORIAL --

Install a responsive theme like omega and create the following image styles at:
/admin/config/media/image-styles

thumbnail_mobile: width 100px;
thumbnail_narrow: width 150px;
thumbnail_normal: width 220px;
thumbnail_wide: width 300px;
goto admin/config/media/resp_img and add the following

add a suffix: _narrow - 500
add a suffix: _normal - 720
add a suffix: _wide - 900
goto admin/config/media/resp_img/settings and enter _mobile for the default suffix

When using in combination with views choose your _mobile image style for all images

-- KNOWN PROBLEMS --

If you enable 'Force resize' the module tries to resize everything, this works for plain images,
but not for field_slideshow and some other jQuery slideshow like plugins.
If you use barracuda/octopus (http://drupal.org/project/barracuda) you have to change the cache
key, add $cookie_respimg to the fastcgi_cache_key directive inside nginx_advanced_include.conf

File

README.txt
View source 
  1. -- SUMMARY --

  2. 

  3. Responsive images and styles (resp_img) This module solves the problems with images

  4. and responsive themes, it allows you to define multiple image style suffixes and their

  5. corresponding maximum width.

  6. 

  7. For a full description of the module, visit the project page:

  8. http://drupal.org/project/resp_img

  9. 

  10. To submit bug reports and feature suggestions, or to track changes:

  11. http://drupal.org/project/issues/resp_img

  12. 

  13. -- REQUIREMENTS --

  14. 

  15. none

  16. 

  17. -- INSTALLATION --

  18. 

  19. * Install as usual, see http://drupal.org/node/70151 for further information.

  20. 

  21. -- TUTORIAL --

  22. 

  23. Install a responsive theme like omega and create the following image styles at:

  24. /admin/config/media/image-styles

  25. 

  26. thumbnail_mobile: width 100px;

  27. thumbnail_narrow: width 150px;

  28. thumbnail_normal: width 220px;

  29. thumbnail_wide: width 300px;

  30. goto admin/config/media/resp_img and add the following

  31. 

  32. add a suffix: _narrow - 500

  33. add a suffix: _normal - 720

  34. add a suffix: _wide - 900

  35. goto admin/config/media/resp_img/settings and enter _mobile for the default suffix

  36. 

  37. When using in combination with views choose your _mobile image style for all images

  38. 

  39. -- KNOWN PROBLEMS --

  40. 

  41. If you enable 'Force resize' the module tries to resize everything, this works for plain images,

  42. but not for field_slideshow and some other jQuery slideshow like plugins.

  43. If you use barracuda/octopus (http://drupal.org/project/barracuda) you have to change the cache

  44. key, add $cookie_respimg to the fastcgi_cache_key directive inside nginx_advanced_include.conf

  45.