Since I'm going to start featuring more images on the site, I thought I'd get something I used before installed here. This one's rather simple, but the results are really neat. To see what I'm talking about, click the thumbnail below:

Design is...Grace

If you're using javascript, you got a cool-looking picture. If you don't, you got the image. This is all done through something called iBox, a simple javascript that presents your images in that nifty iBox-y kind of way. There's barely any configuration to put it in WordPress. First, you get the files from the iBox site, then upload the ibox.js and ibox.css files to your template folder. Get the indicator.gif file and put it in the images folder in your root folder (NOT the images inside your template folder, capiche?). If your template doesn't have an image fold, you'll need to create one. Here's the only mildly difficult part: inside your header.php file, put this somewhere in the HEAD portion (the first line was broken up because of line breaks): <script text="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/ibox.js" ></script> <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/ibox.css" type="text/css" media="screen" /> Save and upload, and make you a test image. That's the only coding in your template you have to do. Told you it was simple. Insert the rel="ibox" in the link to your file, and you'll see the magic happen! If you have javascript turned on. If you don't have javascript turned off, you'll just see the image. You get the picture. No pun intended. I'm totally getting off-track. Does it work? Then you're all done! Not work? I have no idea what you did wrong, but I'll sure be able to listen to what you did, and try and find a solution. Use that feedback link in the footer if you need help from me about the WordPress side of it, but not for the iBox; ask that guy, I didn't make it. UPDATE: Important change! This originally said: <script language="javascript" src="<?php bloginfo('stylesheet_directory'); ?>/ibox.js" ></script> <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/ibox.css" type="text/css" media="screen" /> Bad coding on my part. The language should've said "text" to validate with the W3C Markup Validator. Use the code in the story, not the one down on the bottom. ANOTHER UPDATE: Since this code has a propensity to mess up in a certain Microsoftian-type browser, to keep it from show scrollbars when you click in IE or other browsers, add text-align:left; to the #ibox_content in the ibox.css file. YET ANOTHER UPDATE: How to install iBox on Blogger.

status: published
lastmod: '2006-10-05T18:41:39.000Z'
author: John Stansbury
cms: wordpress
custom:
  podPressPostSpecific: 'a:6:{s:15:"itunes:subtitle";s:15:"##PostExcerpt##";s:14:"itunes:summary";s:15:"##PostExcerpt##";s:15:"itunes:keywords";s:17:"##WordPressCats##";s:13:"itunes:author";s:10:"##Global##";s:15:"itunes:explicit";s:7:"Default";s:12:"itunes:block";s:7:"Default";}'
  _utw_tags_0: 'a:6:{i:0;O:8:"stdClass":1:{s:3:"tag";s:6:"coding";}i:1;O:8:"stdClass":1:{s:3:"tag";s:3:"css";}i:2;O:8:"stdClass":1:{s:3:"tag";s:6:"design";}i:3;O:8:"stdClass":1:{s:3:"tag";s:5:"howto";}i:4;O:8:"stdClass":1:{s:3:"tag";s:8:"template";}i:5;O:8:"stdClass":1:{s:3:"tag";s:9:"wordpress";}}'
  similarterms: ibox javascript text template folder image script link 'stylesheet bloginfo file directory images wordpress update simple href stylesheet part type
comments:
  - id: '89'
    author: 'The WordPress Podcast &middot; Episode 7: digg.com, wp.com VIP hosting, what plug-ins do you use?'
    date: '2006-10-01T04:40:00.000Z'
    content: '[...] iBox is a small JavaScript library that&#8217;s useful in adding overlays of images, divisions, and HTML on top of your current page, and MacStansbury.com has written a great tutorial on how to integrate iBox into your WordPress themes. [...]'
  - id: '121'
    author: The Outboard Brain of a Geek&#8230; &raquo; Blog Archive &raquo; Whats this I hear?
    date: '2006-11-13T03:57:01.000Z'
    content: '[...] Speaking of which, check out this awesome link: iBox on WordPress [...]'