Off Topic

Stop procrastinating and get back to work!

Print this post

Embedding PicasaWeb with PHP and JavaScript

You may have noticed a new feature on my site. At the very top, off to the right, you’ll see five little colored squares. Each one is a closely cropped image from my PicasaWeb photos. If you mouse over the little photos, you’ll see the full size photograph appear, along with its caption and the name of the album it’s in.

I use PHP to grab the images from my PicasaWeb account and to randomly select five of them. Then I use JavaScript to place the images on my site and make the mouseover effect.

Maybe if there’s demand I’ll post a walkthrough sometime. If you’re determined, you can figure out the JavaScript by looking at my HTML source. But the PHP is trickier to figure out–especially the bit that randomly selects an image.

Share this post (what's this?) These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • Slashdot
  • StumbleUpon
  • Technorati

No Comments Yet

Leave a comment

Comment Guidelines
  • Yes, your comments will be visible to everybody. (Unless you use the private contact form.)
  • Allowed HTML: <a> <b> <blockquote> <cite> <code> <em> <i> <strong>
  • Code: Put code in `backticks` (above your "Tab" key) or it won't display well
  • Gravatars: To override the default image by your comment, use a gravatar
  • Links: If you include more than one link, your comment will go into the spam queue