the portfolio page. surprisingly not as much effort as some of the other pages for layout, the 3*3 style was easily done, although i did cheat using the image spacers by just using a 1px*1px blue square and changing its size in the html to space the images out. as its such a small image it loads quick and is not noticeable as an image. sneaky sneaky. another thing i done was make a roll over for the images to give a brief description. this is quite a nice effect and the coding fitted in nicely with the lightbox coding. this did mean how ever that the coding for one image became really long, but it all made sense and was easily modified. i did also have the images on a lower opacity using clever css but it looked weird with the blue background. the finished code for one image looked like this;
<a href=”GBIG/melenie.jpg” rel=”lightbox[port]” title=”Buisness card for Melanie Peek Photography” onmouseout=”MM_swapImgRestore()” onmouseover=”MM_swapImage(‘Image32’,”,’GPNG/melenie_over.gif’,1)”><img src=”GPNG/melenie.png” alt=”Melanie Peak Buisness Card” name=”Image32” width=”173” height=”130” border=”0” id=”Image32” /></a><img src=”PNG/1pxblue.png” width=”10” height=”130” />
pretty epic for such a small pic but its all needed. all the roll overs are also preloaded to make it all run smooooooth.
Couldn’t of done this without hours and hours of ‘65 days of Static’