Extending BlogEngine.NET with shadowbox

Last week I investigated options on extending the well known Lightbox 2 functionality with the ability to display other types of media files, in particular swf-files. This for the purpose of my blog, where I wanted to have a good user experience on viewing uploaded screencasts (or 'videotutorials', or 'webvideos', or whatever you call them). I fiddled with it a bit, but soon discovered it would take me quite some time to adjust it to my needs.

But behold, after just a minute of googling I stumbled upon Shadowbox Media Viewer by Michael J.I. Jackson, a piece of software released just a couple of days ago. And thankfully, it fulfilled all my needs (and quite a bit more than that!). What exactly is shadowbox? According to the site

"Shadowbox is a cross-browser, cross-platform, cleanly-coded and fully-documented media viewer application written entirely in JavaScript. Using Shadowbox, website authors can display pictures and movies in all major browsers without navigating away from the linking page."

Out of the box it works really great in static HTML, or even – semi static – ASP.NET pages. I wanted however to add it to my blog, wich is driven by BlogEngine.NET (I started this blog only on feb. 1st). It turned out to be pretty easy, and I wanted to share this experience to the world, so I dedicated a screencast to it.

Check it out - just click the image, it should load the screencast in a shadowbox itself (hey, what else did you expect :-). Please notice however that the audio quality is not optimal. It has some clicks and squeaks. I apologize for that. Other properties are:

  • A 17-minute walkthrough on extending a fresh BlogEngine.NET installation with shadowbox.
  • Starting with downloading the needed files, incorporating them to the blog, ending with adding a new post that contains 'shadowbox-ed' media like hi-res images and swf-files.
  • Please allow the video a couple of minutes to load. It should take a while, but I hope it's worth the wait. (Weird experience: Firefox loads the video a lot faster that Internet Explorer, given the same amount of bandwith…)

If this video is useful to you, or you have other comments, please feel free to leave a note.


08-05-2008 03:08 #

Awesome! This is just an amazing piece of javascript.

Andre Tagesgeld Germany

13-06-2008 01:16 #

Interesting posts.

Bolsa de Trabajo Mexico

13-06-2008 01:33 #

gracias por su valiosa información

Daniel Mexico

21-07-2008 06:49 #

thanks for the article and the player

Tagesgeldkonto Germany

09-11-2008 07:34 #

Thanks for sharing thanks alots. Extending BlogEngine.NET with shadowbox

seo test United States

11-11-2008 07:40 #

Thanks for all the kind replies.


25-11-2008 03:42 #

hello! thanks for the information about Extending BlogEngine.NET with shadowbox

Busby SEO Test United States

29-11-2008 05:43 #

Yippe!!! great article and viewer.

lonelysoul India

03-12-2008 12:48 #

What a great idea. That'll help webmasters all over the place. And stop their traffic leaving them. Nice post!

vardis United Kingdom

05-12-2008 10:49 #

I like the concept and you make it very clear on what needs to be done. Thank you for sharing your knowledge of BlogEngine and shadowbox.

Speed dating United States

11-12-2008 02:45 #

great job sir! thanks!

Belajar SEO Indonesia

21-12-2008 03:11 #

With shadowbox, i am sure soon, blogengine.net will take a lead from wordpress

Busby SEO TEST United States

22-12-2008 07:17 #

nice tutorial by you

ianimaru United States

27-12-2008 02:36 #

Thank you and congratulation for your informative blog. You've really got the concept.

Busby SEO Test Pinay United States

06-01-2009 01:55 #

Its nice idea to change from image to video lightbox. Maybe you can release this to the public, Thanks.

Free Download United States

11-01-2009 02:43 #

you've made a great job. thank you.

busby seo test United States

11-01-2009 03:06 #

I'm quite new to BlogEngine.NET. but what you write in this post is really good and very informative. I think it will help me in the future. Thanks for the great work

busby seo test United States

13-01-2009 04:29 #

it's a great job. thanks!

Busby SEO Test United States

16-01-2009 04:28 #

this blog was so interesting

Busby SEO Test United States

19-01-2009 11:53 #

Nice idea... thanks for the post. Always on the lookout for extras for Blog Engine.

Stonehenge Tours United Kingdom

26-01-2009 08:17 #

Very entertaining site. I've bookmarked your site and added you on my blogroll! Keep up the great work.

Just Host Discounts United States

28-01-2009 12:03 #

I am new to BlogEngineNET..
nice share dude Smile

Inventory Management Software U.A.E.

29-01-2009 10:18 #

thank you again for this one.

busby seo United States

30-01-2009 03:46 #

thanks for blogengine.net information
it is very useful

Busby SEO Test NL

31-01-2009 08:26 #

Thanks you for sharing it with us your experience.

Bolsa de trabajo United States

08-02-2009 06:20 #

interested and will bookmark it, thank you

Free Service Manual United States

16-02-2009 05:37 #

I'm thinking to use blogengine.net, but
I need to make sure that I can find some reliable support forum incase I run into difficulties with blogengine. Any forum that you can refer me to?

London meeting rooms United Kingdom

17-02-2009 08:37 #

I always use the Codeplex support forums on www.codeplex.com/blogengine/thread/list.aspx.

It's open source however, so it is likely you get answers in a reasonable amount of time, but there's no such thing as SLA's.

Peter Netherlands

17-02-2009 02:54 #

Nice post, nice javascript...

Kampanye Damai Pemilu Indonesia 2009 Indonesia

24-02-2009 06:33 #

Great javascript

ufc 96 stream United States

02-03-2009 09:44 #

now i find what i want to know.. thank you for the information..

Kampanye Damai Pemilu Indonesia 2009 Syria

04-03-2009 01:03 #

Thanks for the great info

wrestlemania 25 live stream United States

05-03-2009 03:42 #

Nice Article...Good work..Thanks for sharing..

DotNetSpark United States

05-03-2009 03:59 #

Thanks a lot for your blog

wrestlemania 25 live stream United States

07-03-2009 09:13 #

Another good things in Shadowbox Media Viewer is that it puts every thing together in one place, you don’t split the juice, you have a consolidated effort on the web. Right?

Richer Blogs United States

09-03-2009 09:48 #

I love working in shadowbox!

san francisco llc formation attorney United States

13-03-2009 06:33 #

your post simple but very informative and useful it really helps me.

Home of Natures United States

15-03-2009 08:16 #

what a great blog, i like it.

phreakaholic United States

19-03-2009 05:40 #

Hey Pete.
WOW! I just saw it and damn was it amazing. It looks awesome but damn it sounds so hard to implement. Any easier tutorial with less hardcoding?

Imitation Watch United States

20-03-2009 04:00 #

I admit, I have not been on this webpage in a long time... however it was another joy to see It is such an important topic and ignored by so many, even professionals. I thank you to help making people more aware of possible issues.
Great stuff as usual....

free keno games United States

23-03-2009 10:51 #

i know this could be work on Extending BlogEngine.NET with shadowbox

Gadgets in Future United States

24-03-2009 04:26 #

I just want you to know webmaster that I am very glad that I had read your post. I am always hoping that you can give more information about your this and hoping that this will not be the last article that I could be read by you. Thanks for the information webmaster! Have a nice day!

Slim Fit Blog United States

24-03-2009 04:38 #

im actually looking forward to this matter

seo alaminos United States

24-03-2009 05:23 #

Shadowbox is an online media viewer application that supports all of the web's most popular media publishing formats.

articlecycle United States

24-03-2009 07:41 #

Hello. I really enjoy reading your website. Finally i collect some ideas for my website or blog. Later, i will visit again to this website or blog. And thanks for the information.

bolinao United States

24-03-2009 09:32 #

Hi, i enjoy reading this website or blog. I got some ideas for my blog.

pinay my girl United States

24-03-2009 04:22 #

i actually switch to blogengine,tnx for the new extension

seo alaminos United States

31-03-2009 06:08 #

I'm thinking of starting a video tutorial online school. I appreciate the tip on Shadowbox.

EDI Services United States

03-04-2009 02:37 #

I love shadwoxes.

I hope I am able to create someone in future.

DSL Test Germany

Reacties zijn gesloten