Brent Danley Photography

It’s up.

Today I put up a temporary page at BrentDanleyPhotography.com. I registered the domain some time ago and used it as a sandbox for learning Lightbox. I’ve been feeling a ton of pressure to keep up with web development technologies. I need to be able to perform well should I be offered my dream job. I’ve been reading up on XHTML, CSS, PHP, JavaScript, MySQL and, especially, how they all come together to create asynchronous dynamic pages.

Lightbox, it turns out, is as simple as adding a single rel attribute to an anchor tag. First you must embed the Prototype JavaScript Framework and the Script.aculo.us and Lightbox libraries.

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

Then you simply add the rel attribute with value lightbox to any anchor tag that points to a picture. Voila!

Click <a href="http://url/to/image.jpg" rel="lightbox">here</a>.

The pictures for BDP are served by Flickr and retrieved via the API with the help of phpFlickr. I used Flickr’s machine tag feature to allow me to more precisely search the photos for inclusion in each category of BDP.

Cheers. Let me know what you think.

8 Comment

  1. I’m glad you got your photography page going, Brent. It’s very impressive! And your photographs are outstanding! You’re wicked creative and smart. :-)

  2. @Kirsten – I love you, Babe.

  3. Very Cool.

  4. The site looks good Brent but I would prefer that each section click through to a grid of thumbnails that each click into the lightbox. I guess I just like to have a little preview of what I’m going to look at.

  5. @Steve – That is an excellent suggestion. What is currently there is not the site; it’s just something I threw up so it would look less “under construction” in case someone happens by. The plan for the site, which I haven’t considered in detail, will allow the user much more control and will have greater interactivity.

    I’d like to be able to sell calendars, mugs, postcards, puzzles, etc. Also, if I do senior portraits (I’d like to) I plan to have a section where clients can securely log in (with cookies) and view their proofs.

  6. @Steve – Okay, it’s done. Just for you. :)

    It wasn’t too hard. I moved the header and footer code into their own files. The “pages” are only four lines of code each. Maybe later I’ll edit the links in the home page so I can eliminate the “page” files entirely.

    I hope you dig. Let me know what you think.

  7. I ajaxified the gallery today.

    The new URL is photography.brentdanley.com. Update your bookmark. :)

Leave a Reply