Image Gallery Module

From Fishcakes Wiki

Jump to: navigation, search

Edit Menu

Edit Menu

Image:Icon_Exponent_40px.png Image Gallery Module

This page contains info about the Exponent Image Gallery Module and Image Gallery Module with Lightbox.

Contents

About Image Gallery Module

Image Gallery allows users to post images to galleries. Image Gallery with Lightox displays the image using the Javacript Lightbox function.

Code Corrections

none

Modifications

Change the Image Gallery Lightbox Text

To change the "Image 3 of 4" text in lightbox pop-up edit the file: 

/modules/imagegallerymodule/lightbox/js/lightbox.js.php

Edit line 440 to change "Image" to "Photo": 

Element.setInnerHTML( 'numberDisplay', "Image " + eval(activeImage + 1) + " of " + imageArray.length);

change to: 

Element.setInnerHTML( 'numberDisplay', "Photo " + eval(activeImage + 1) + " of " + imageArray.length);

Change the Image Gallery Lightbox Background Colour or Background Transparency

To change the Background Colour and/or Background Transparency (Background Opacity) for the Image Gallery Lightbox edit the file: 

/modules/imagegallerymodule/lightbox/css/lightbox.css

Edit line 79 and/or 80: 

#overlay{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 90;
   width: 100%;
   height: 500px;
   background-color: #000;
   filter:alpha(opacity=60);
   -moz-opacity: 0.6;
   opacity: 0.6;
}

change to: 

...
   background-color: #fff;
   filter:alpha(opacity=20);
...

Slideshow and Image Gallery Javascripts

Tests for replacement slideshow galleries for the Exponent Image Gallery Lightbox Module and Slideshow Module. See Max Kiesler: AJAX & Javascript Galleries, Slideshows and Effects Redux for links to best scripts. See also Ajaxian: Javasript Slideshows and Effects.

Electric Prism Slideshow

FrogJS Javascript Gallery

Google AJAX Feed API

LightWindow v2.0

  • Website — http://stickmanlabs.com/lightwindow/
  • Comments — very impressive. Can show images, video, swf, text, just about anything. Free for non-profit, but charged for commercial sites.

Photfusion Image Menu

Photfusion Slide Show

Slimbox


Image:Icon Resources 20px.png Exponent CMS Resources

Official Exponent Resources


Unofficial Exponent Resources

MySQL Resources

PHP Resources


Retrieved from "http://wiki.fishcakes.biz/Image_Gallery_Module"
Personal tools