ASP.NET - arranging images like a gallery

Asked By kiran Kumar
10-Feb-12 12:06 AM
hi,

 i am designing a gallery website for a marriage bureau. In that, i need to design home page like this:

  at the bottom, i have to place images (for example some 10 images small size) , at the top one big size image(each image with slides) with slide show. 

  while displaying the image at top image control, the bottom small images will scroll there. If i click on a particular image, then that image will be appeared in a separate window with full description.

  How to do this?
  Somesh Yadav replied to kiran Kumar
10-Feb-12 12:16 AM
Hi kiran dont worry we have an solution for doing your requirement.

just gothrough the below link each and evrything is clearly explained with an example of arranging images like a gallery.

http://chandradev819.wordpress.com/2011/05/02/how-to-create-image-gallery-in-asp-net-3-5/

I hope this will help you to finish your requirement.
  dipa ahuja replied to kiran Kumar
10-Feb-12 06:14 AM
Step 1: Take a DataList and bind it with the images table and in the item Template write the image field this way:
 
<ItemTemplate>
<a id="small_Img" href='<%# Eval("imageurl" ,"images/{0}") %>'>
<asp:Image ID="ImgBtn1" runat="server" Height="20" Width="20" ImageUrl='<%# Eval("imageurl" ,"images/{0}") %>' />
</a>
</ItemTemplate>
 
Step 2: Take the fancyBox:
 
<script src="fbox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
<link href="fbox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
  $(document).ready(function () {
 
    $("a#small_Img").fancybox();
  });
 
</script>
 
Download the fancybox from here :
 
<http://fancybox.net/>
 
 
 
Create New Account
help
9580351" mimeType = "image / jpeg" medium = "image" caption = "View of one of the bedrooms!"> <Url style = "Gallery"> http: / / media.point2.com / p2a / listing / 7c33 / a6dd / 7f6f / 144c1e3b73e2a67e71e8 / w475h356.jpg< / Url> <Url style image" caption = "Relax in the living room and take in the incredible views!"> <Url style = "Gallery"> http: / / media.point2.com / p2a / listing / a0e5 / 2702 / 685e / 8b7fd1fb35da34b1e966 / w475h356.jpg< / Url> <Url style Url> < / Item> <Item id = "9580353" mimeType = "image / jpeg" medium = "image" caption = "Renovated bathrooms. . ."> <Url style = "Gallery"> http: / / media.point2.com / p2a / listing / b779 / 1108 / c524 / dd51cfb96d4ffaa8b261 / w475h356.jpg< / Url> <Url style image" caption = "Entertain friends in the living space in front of breathtaking views!"> <Url style = "Gallery"> http: / / media.point2.com / p2a / listing / 632a / 0f8a / f397 / e876e51b28462bece2d6 / w475h356.jpg< / Url> <Url style id = "9580355" mimeType = "image / jpeg" medium = "image" caption = "Wow! Check out this kitchen!"> <Url style = "Gallery"> http: / / media.point2.com / p2a / listing / 8842 / 1168 / 8e2b / e709c93a42ec0f0a5eb5 / w475h356.jpg< / Url> <Url style AgentID> 216636< / AgentID> <Name> Teresa Blanco< / Name> <ContactInfo> <Telephone name = "Work"> 404-664-4927< / Telephone> <WebSite> http: / / www.teresablanco.com< / WebSite> <ProfileUrl> http: / / NLS.point2.com / members / US / Georgia / Atlanta / Teresa-Blanco / E7D5EE21-A091-4B78-80CF Highlights / > < / Details> <Media> <Item id = "9580411" mimeType = "image / jpeg" medium = "image" caption = "IMG_1493"> <Url style = "Gallery"> http: / / media.point2.com / p2a / listing / bed5 / 01e2 / 209b / f37aac8644535ad700e0 / w475h356.jpg< / Url> <Url style
Net hi friends Any one send frequently asked Important questions in C# .Net, ADO .Net, Asp .Net and Sql Server. . . . . . . . tx in Advance. . . . . . Hi, Find this. . (B)What is an IL? (B A) What is scavenging? (B) What are different types of caching using cache object of ASP.NET? (B) How can you cache different version of same page using ASP.NET cache object? (A) How will implement Page Fragment Caching? (B) Can you compare ASP.NET sessions with classic ASP? (B) Which are the various modes of storing ASP.NET session
in Sql server as var_name int How do you separate business logic while creating an ASP.NET application? There are two level of asp.net debugging 1. Page level debugging For this we have to edit the page level debugging The control itself will take care of the date display How can you deploy an asp.net application ? You can deploy an ASP.NET Web application using any one of the following three deployment options. a) Deployment using VS
photo gallery hi, in my asp.net web form Default2.aspx, i have to show one image gallery( place some 10 images per page) like in marriage bureau websites like matrimony.com, shaadi.com like that. What i want is i have to you please give me the code for this? Note: i have one folder in my website named "Images". From there i want to call the images to here. How to solve i have downloaded that lightbox from the link you sent. now i have opened one website in asp.net and i have placed one image control in my default2.aspx page