Not that it was all that difficult, but it did take a bit of head-scratching and random WAG mouse clicking before I figured out how to get it to work, so I though maybe it would be good to give a sort of quick tutorial on how to install and use it.
After you unzip the package, go into the assets/modules folder and copy the epg2 folder into your site’s assets/modules folder. Copy the install folder into your site root. Point your browser to /install/index.php and install the module.
Log in to your Manager, and go to Modules. You’ll see the Photo Gallery module. Click on the little blue thingy on the left, under "Icon". This will give you a menu; select Run Module.
The first thing you have to do is click the Install/Clear Galleries button. This will create your database tables. Then create a gallery. Then start uploading images (Use the View Gallery Content button). The forms pretty much explain themselves; the textarea to the right of the image details is for the caption or whatever text you want to appear with the full-size image.
Put the call to the snippet in your template or document wherever you want it to appear; make sure you give it the galleryid parameter to tell it which gallery to get images from!
[[PhotoGallery?galleryid=1]].
This thing is very flexible; I’m using it twice, once to provide a 5-image banner across the top of the page, and again to provide a single-image slide show in the sidebar.
Since I want the thumbnails across the top to be expandable to full-size, but it’s only a banner, clicking on the thumbnail gives the full-size image superimposed on top of the original page; not what I had in mind. But there’s plenty of HTML markup, classes and such, so I just set up the CSS to make the full-size image take up the whole page, hiding the original page completely, so it looks like the full-size image is the only thing on the page!
/********** Gallery **********/
.EPG2_single_pic {
position:absolute;
top:80px;
left:0;
width:100%;
height:100%;
background:#ffffff;
text-align:center;
}
.EPG2_single_details {
position:absolute;
top:0;
left:0;
width:100%;
text-align:center;
margin-top:10px;
}
.EPG2_image_large {
padding:5px;
border:3px double #000;
}
You can configure the title and any comments for each thumbnail (none, in this case) and full-size image, so I forced the title and comments (and the "back to gallery" link) to be at the top of the page, and the full-size image to take up the rest of the page. Pretty nice. And I’m sure it’ll make a really nice photo gallery all on its own page as well, with menus and navigation and all the bells and whistles.
You can see the site I’m developing (slowly; I’m no graphics artist!) at
http://www.alandaniel.co.uk
☆ A M B ☆
