Using jQuery in your content to add some flare to your DotNetNuke website

With all of the changes to DotNetNuke 6, a lot can be lost in the fact that you actually maintain the content of your website, and while the maintenance UI has changed, the content that you present is still up to you. A CMS can only do so much for displaying you content, if you want to do some fancy things, branch out of your standard HTML.

I recently wanted to do a couple of things for my car website (yes, I'm a car guy, so it is easy to use the website for examples).

1. I wanted to have a random image loaded in the top portion of the pages of the website, changing, or randomly loading, on each page load (not rotating live on the page).
2. I wanted to display a list of recent photos on the home page, and when you click on one of them I wanted them to open up in a light box.

I could have done this in any number of ways, but I chose to implement some simple jQuery for each, below I will show you how.

First things first, the website uses my free DotNetNuke skin, MultiFunction, available via Codeplex. I have some example documentation on how to customize the CSS for the skin to make your site unique, feel free to check out the Documentation page for those examples.