Installation Page

From G2Image

[edit] Very Important

• Please note the Browser Refresh step: After everything is installed, force a reload (for FireFox) or a refresh (for IE). This forces the TinyMCE javascript to reload and display the button.
• If you do not do this, you will experience irratic behavior from the plugin.

[edit] Installation - Main G2Image files

1. Unzip the files. (Unless using Joomla's JCE. If so, see below.)
2. If you are NOT using WordPress, check config.php to make sure that $g2ic_gallery2_path is pointing to your Gallery2 directory. ($g2ic_gallery2_path is relative to the server root, unless $g2ic_use_full_path is set to TRUE, in which case it is the full server path to Gallery2.)
3. FTP the "g2image/" directory structure to a new folder called g2image in your TinyMCE or FCKEditor plugins directory.
   • If you are not using G2Image with TinyMCE or FCKEditor(as documented on the Developers Notes page), you can install the /g2image/ directory wherever it makes the most sense for your installation.

• Joomla JCE Users: Leave the file zipped and install using the JCE plugin manager. After installing G2Image, you'll have to manually edit config.php with the correct Gallery2 path in 2 above.

[edit] Platform-Specific Installation Information

• Drupal
• Etomite
• Joomla
• WordPress
• Other Platforms
  • There is also information on including Gallery2 Image Chooser in your application without using TinyMCE on the Developers Notes page.

[edit] Browser Refresh

• After everything is installed, force a reload (for FireFox) or a refresh (for IE). This forces the TinyMCE javascript to reload and display the button.
• If you are using WordPress, you will also need to force a browser reload at the WordPress "Write Post" and "Write Page" pages to force the Javascript to refresh.

[edit] Configuration

• There are several options that you can set in config.php, such as default view, default number of images, default class, and more. There are notes for each configuration option in the config.php file.
• Please see General Configuration and Embedded Configuration for more information.

[edit] CSS for the alignment options

• If you want to use the built-in alignment options, you'll need to add these three classes to your CSS. You can also add up to four custom classes and add them to the config.php file. Custom classes will be available in the alignment selector.
• You'll need to customize these to fit into your site design. This is how they're implemented in the CSS for www.steffensenfamily.com:

  .g2image_normal

  {

  margin: 4px;

  }

  .g2image_float_left

  {

  float: left;

  clear: left;

  margin: 4px;

  }

  .g2image_float_right

  {

  float: right;

  clear: right;

  margin: 4px;

  }

  .g2image_centered

  {

  display: block;

  margin-left: auto;

  margin-right: auto;

  text-align: center;

  }

• Note: The alignment classes only apply to the HTML thumbnails and the WPG2 tags, not the text links.