Using ASP.Net 3.5's ListView To Display Image Galleries (LightBox and LightView User Controls)

Wednesday, January 23, 2008

The first time I laid eyes on the lightbox image gallery I fell in love with the UI and presentation. Since then, I have been meaning to get around to jamming the js code written by Lokesh Dhakar into an ASP.Net control so that I can reuse at will. Although my schedule doesn't permit me building a full blown server control, I did have time to hack together a working user control. In fact the day after I created the LightBox version I found LightView, a variation on LightBox, and quickly morphed and created a version for it. I don't think that there is anything extremely complicated with what I have implamented, so I will spare you the long drawn out explanation. But, If I get enough questions or requests I may throw together something. If you have VS 2008, you should be able to unzip and run these websites as is. You might need to modify the solutions VirtualPath to run from "/" if you are running the site through the debugger (Scott can tell you how to do this: http://weblogs.asp.net/scottgu/archive/2006/12/19/tip-trick-how-to-run-a-root-site-with-the-local-web-server-using-vs-2005-sp1.aspx. It says VS 2005 but it is set the same in 2008).

http://idisk.mac.com/jaredroberts/Public/wwwLightBox.zip

http://idisk.mac.com/jaredroberts/Public/wwwLightView.zip

Troubleshooting:

Check the Setup instructions found at http://www.huddletogether.com/projects/lightbox2/ and http://www.nickstakenburg.com/projects/lightview/. You may need to modify the path to your images if you change the directory structure.
You must set the path on the control of the image gallery you want to diplay in the format of "~/gallery1","~/gallery50", etc.
If you want to display image types other then .jpg, you will need to open the asxc.vb file and modify the appropriate line number.

Version 2

I hope to import in the image handler that I have that will auto resize the images so that the thumbnails are actually thumbnails and not just resizes of the original. I also hope to put this into a server control.

Feel free to improve this as you see fit and keep my up on the changes. Enjoy!

I'm extracting an image from a SQL Server 2005 database and I'm trying to show them in LightView but the box shows the image in a small scrollable area but I think the problem is with ASP.Net beacuse it has the same behavior with image file. Can you help with that?
Thank you very much...

John

John Cardozo - Wednesday, April 16, 2008 10:20:46 PM

i planned to use List view to show 5 images in listview like horizontal way and one link Button (example : >> more),this control will help my scenario? and where i can find the example?

mhindupur - Thursday, November 6, 2008 11:52:52 AM

Hi,

Is it possible you could give us and example where the images are loaded up from a sql database please?

Thanks

Ben

Ben - Friday, December 12, 2008 10:41:43 AM

Hey Jared,

I think the links are dead to download the control that you created. Is there another place to download this? I would really like to test out your control.

Thanks!!

Dale

dmgroup1984 - Friday, June 12, 2009 8:24:46 PM

Hi Jared,

Your links are dead. This would be awesome to use. Please post a working link if you can.

Thanks!

Julian - Thursday, October 8, 2009 10:17:16 PM

Can you give us full source code ?

dung - Saturday, January 2, 2010 11:16:37 AM

Hi,
Is it possible you could give us and example where the images are loaded up from a Oracle database please?

Thanks
Binata

Binata - Monday, January 4, 2010 5:25:23 AM

Please tell me how to display images in gridview horizontally...?

aniiz - Wednesday, January 6, 2010 5:22:47 AM

Hi there

How do I create a lightbox using ASP.Net 3.5 using VB.net for coding?

Zee - Friday, September 10, 2010 1:35:58 PM

9 Comments