Index of /Other/modules/imageframe/frames

 NameLast modifiedSizeDescription

 Parent Directory   -  
 polaroids/ 2008-11-07 01:57 -  
 slidesquare/ 2008-11-07 01:57 -  
 photocorners/ 2008-11-07 01:57 -  
 photocorners_small/ 2008-11-07 01:57 -  
 polaroid/ 2008-11-07 01:57 -  
 flicking/ 2008-11-07 01:57 -  
 shell/ 2008-11-07 01:57 -  
 wood/ 2008-11-07 01:57 -  
 gold2/ 2008-11-07 01:57 -  
 slide/ 2008-11-07 01:57 -  
 filmedges/ 2008-11-07 01:57 -  
 notebook/ 2008-11-07 01:57 -  
 notebooksquare/ 2008-11-07 01:57 -  
 brand/ 2008-11-07 01:57 -  
 book/ 2008-11-07 01:57 -  
 gold/ 2008-11-07 01:57 -  
 shadow/ 2008-11-07 01:57 -  
 postage/ 2008-11-07 01:57 -  
 bamboo/ 2008-11-07 01:57 -  
 dotapple/ 2008-11-07 01:57 -  
 dots/ 2008-11-07 01:57 -  

README: Gallery 2 Image Frames

Gallery 2 Image Frames

TLTTLTTTTRTR
LLTIMAGE RRT
LLRR
LLBRRB
BLBBLBBBBRBR

To build your own image frame:

  1. Examine the diagram at left and the frame.inc files for existing image frames to understand how the frames are constructed. It is not required to use all cells in the diagram. The TT/BB/LL/RR cells repeat their image to fill available space; all other cells show the image just once.
  2. Create a new directory here (under modules/imageframe/frames) for your image frame.
  3. Place your images in that directory.
  4. Copy an existing frame.inc file into that directory and modify it to work with your images and sizes. The name of the image frame is also defined in this file.
  5. The new image frame should now appear in the list of choices for any theme that uses image frames.

Note: you can force a frame to be square: the image/thumb retains it's aspect ratio centered in a square frame ('square' => true in frame.inc). The holes around non square thumbs left/right or top/bottom are filled with the background image given in 'imageCC'. That image is aligned center and fills all available space. See slidesquare/frame.inc and notebooksquare/frame.inc for examples.

Note: you can also create a simple image frame using only CSS on the image; see dots/frame.inc for an example.


This page is valid XHTML 1.0

$Id: README.html 15342 2006-12-01 21:14:46Z andy_st $