Simple Light box control using AJAX

Question

1.00/5 (2 votes)

See more:

Hi Again,

I have a simple ASP.NET (v3.5, VS2008) webpage that displays images in a scroller box.
I needed it to do an enlarge image on click but my existing jquery doesn't work that way.

Please suggest me what is the best way and a sample code for my requirement below :
1.Simple jquery that will display the image gallery horizontally(with left and right arrows to move back and forth) and do a light box effect on each image-click.
2. I would like to use ajax very minimal here since this is the home page, however for visibility reasons if ajax makes it look more clean then i am fine with using a light box control that is ajax suported. Currently i dont see this control under my tool box for 'ajax control tool kit'. How do i add/download it?

Please suggest with links to sample working examples if possible.

Thanks much!

Posted 1-Apr-13 9:12am

metharam

Add a Solution

Comments

Prasad Khandekar 1-Apr-13 15:30pm

Hello,

Please have a look at Carousels in combination with lightbox-plugins. Might be what you are looking for.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 12-Apr-13 3:39am

Hi Prasad Khandekar,

Please look at the reply by OP to your comment below... OP added directly here, but did not replied to you, so you have not got any notifications.

Thanks,
Tadit

Prasad Khandekar 12-Apr-13 6:37am

Thank's Tadit.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 12-Apr-13 7:00am

No problem... :)

metharam 2-Apr-13 12:57pm

Hi, I looked at the link you have provided but i am unable to get both carousel plus lightbox to work together.
I have used the 'production v 315 compressed from here: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone.
Please let me know if i am not using the right one but i need exactly like how you suggested above.

ANy help is appreciated.
-MR

Prasad Khandekar 12-Apr-13 6:37am

Hello,

The download link is right there. If you want exactly that then please go ahead download it and use it.

Regards,

Sergey Alexandrovich Kryukov 11-Apr-13 15:46pm

Please don't post non-answers as "solution". It can give you abuse reports which eventually may lead to cancellation of your CodeProject membership. And the fact you even self-accepted on formally is just outrageous, a sure way for a ban. I hope you won't do it after this warning.

Comment on any posts, reply to available comments, or use "Improve question" (above).
Also, keep in mind that members only get notifications on the post sent in reply to there posts.
—SA

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)