Before/After image formatter


Before/After view

Before/After image formatter provides a field formatter for image fields.
This module was created after the example of the NY times article In the Future, the City’s Streets Are to Behave.

1.x version

Before/After image formatter depends on the beforeafter jQuery plugin.

Installation:

  1. Download the module
  2. Add the Before/After library to the libraries folder "libraries/beforeafter/jquery.beforeafter.js"
    Download url: beforeafter jQuery plugin
  3. Install the module
  4. Go to Configuration » Media » Before/After and play around with the
    settings.
  5. Add an image field (only makes sense with multiple images).
  6. Go to that field's display settings and select "Before/After image".

Note: In case you're using this for a commercial project, the creator of the jquery plugin needs to be contacted at admin@notonebit.com

@TODO:

  • Get the keyboard control to work

2.x version

Work has started on a complete rewrite, which is now available as an alpha release.

Updated description/instructions will be available soon.

Supporting organizations: 
2.x rewrite

Before/After image formatter项目的Drush安装命令:复制到剪贴板

注:个别模块仍需开启相关子模块。
周安装量: 
180
维护状态: 
积极维护中
开发状态: 
积极开发中

推荐版本下载:

版本下载地址发布日期发布说明翻译下载
7.x-1.0tar.gz (10.66 KB) | zip (12.4 KB)2012年4月10日发布说明简 | 繁 | 更多

其他版本下载:

版本下载地址发布日期发布说明翻译下载
7.x-2.0-alpha1tar.gz (143.03 KB) | zip (145.96 KB)2015年6月11日发布说明简 | 繁 | 更多

开发版本下载:

版本下载地址发布日期发布说明翻译下载
7.x-2.x-devtar.gz (143.03 KB) | zip (145.96 KB)2015年6月6日发布说明简 | 繁 | 更多
7.x-1.x-devtar.gz (10.67 KB) | zip (12.41 KB)2013年9月30日发布说明简 | 繁 | 更多