SoccerCheese » Mad Science http://soccercheese.com Kick. Splat. Wed, 18 Nov 2009 13:31:19 +0000 http://wordpress.org/?v=2.8.6 en hourly 1 Lightbox for Pictures http://soccercheese.com/tutorials/21/lightbox-for-pictures.html http://soccercheese.com/tutorials/21/lightbox-for-pictures.html#comments Wed, 07 Jan 2009 03:00:09 +0000 Soccercheese http://soccercheese.com/?p=21 So I have a lightbox effect for the pictures I post on this site.  When you click on a picture, it will show a bigger version of the picture in the middle of the screen and put a screen over the rest of the page.  Click the Joker to see it.

joker-poster

Pretty cool huh?  I use the plugin Lightbox 2 and haven’t had any problems.  If you’re using Wordpress I recommend it.

Just upload the “lightbox-2″ folder to your plugins folder (after you’ve downloaded it from Wordpress), then activate it through your site, then you’re ready to insert a picture!

Size, both pixel and bit, is important.  I try and make my pictures no more than 600 pixels tall or 800 pixels wide.  It will fit well on the webpage at that size.

To resize your picture, you can go to Resize Your Image, or for more advanced stuff try Pixenate.  Or just search for “online picture editor”.

After you insert a picture in your blogpost, click on it to edit it, select the “Advanced Settings” tab, and just put in “lightbox” in the “Link Rel” field under “Advanced Link Settings”.

Click the picture to see it :)

lightbox

You can also put in a description that will show up with the picture by putting that in the “Title” field.

Hope you find this useful!

]]> http://soccercheese.com/tutorials/21/lightbox-for-pictures.html/feed 0