Code standards

all global variables in eyelash are stored in the $arr_global array. They are declared in the global.inc.php file : $arr_global["variable"] = value;

Change Colors

the following colors can be customized by entering their hexadecimal value :

c1 : gradient border color #1
c2 : gradient border color #2
c_border : color of image borders and scroll bar (if you want to remove borders independently from the scroll bar, read instructions in the FAQ)

Change Sizes and Layout

You can change the number the size of the thumbnails using the thumb_width and thumb_height global variables.
The size of the thumbnail pane can also be changed within global variables. Height is a number parameter. For the width :

By default, the program lets you define the number of thumbnail columns, from wich the thumbnail width is calculated
Or you could define the thumbnail pane width and calculate the number of columns and thumnbail width from that.

Tip : make sure you delete the thumbnails if you've changed the size after they've been generated once. Remember that Eyelash won't overwrite existing thumbnails, allowing you to use your own thumbnail is you think manual resizing does a better job than automatic GD thumbnailing.

Change transition

METHOD 1 : for the novice
just change the transition parameter in the html that calls the flash. Note that you have to change it both in param and embed tags :

eyelash_gallery.swf?transition=Star
or
eyelash_gallery.swf?transition=Movie
or
eyelash_gallery.swf

METHOD 2 : for the advanced user
change the line 91 , inside transitionMask() function, in the eyelash_function.as action script include of eyelash's distribution, to display one of the three available transitions :

animInt = setInterval(maskAnimCurtain, 1);
or
animInt = setInterval(maskAnimMovie, 1);
or
animInt = setInterval(maskAnimStar, 1);

Howto...

How to change the images / animations of next and previous buttons :
you can change the aspect of btnPrev and btnNext button as long as you keep the names : btnPrev and btnNext as movieclip symbols. Apart from that, you are free to customize the aspect, and events (Up, Over, Down, Hit) . Here are the detailed action on how to use your own next and previous buttons :

draw your own button on illustrator - or in flash
export it, under illustrator, as swf - or save it as swf
import the swf in the library of eyelash_gallery.fla. Select Replace existing Item, and that's it, both buttons will have been resized and replaced.

How to remove the next and previous buttons :
just click on the buttons on the Flash Scene, and Cut it off (check out the SCREENSHOT for that)

How to setup a different transition depending on the image index :

the global image_index variable is set up when the img.onRelease (int eyelash_gallery. fla) event is invoked

You can use this variable to call a different mask animation function depending on the image_index value. Remember that for the first display, image_index variable is not setup. Here is the piece of code you can use in the transitionMask() function, in the eyelash_function.as action script include of eyelash's distribution :

if (current_image_index % 3 == 1)
   animInt = setInterval(MaskAnimStar, 1);
  else if (current_image_index % 3 == 2)
   animInt = setInterval(MaskAnimMovie, 1);
  else
   animInt = setInterval(MaskAnimCurtain, 1);