How to do Image gallery with popup for full view,next previous,close buttons [Resolved]

Posted by Ksuresh under ASP.NET on 10/12/2012 | Points: 10 | Views : 3066 | Status : [Member] | Replies : 3
Dear All,

How to develop image gallery in asp.net
My Image saved in Folder called Images and image Name , Description saved in Database Table Images.

On Deafault.aspx

Small icon images should display, On Click of Icon image Fullview in popup with width & height same as image width & height
Next, Previous, Close Buttons on Popup window

Please can any help me in this,

Thanks




Responses

Posted by: Packs on: 10/13/2012 [Member] Starter | Points: 50

Up
0
Down

Resolved
u can use jquery lightbox..
check out the link.
can be helpfull

http://leandrovieira.com/projects/jquery/lightbox

Ksuresh, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Ksuresh on: 10/13/2012 [Member] Starter | Points: 25

Up
0
Down
Hi Packs.

Thanks for help But errors are coming and not showing lightbox type also

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderHead" runat="Server">

<%-- <link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />--%>// this file is not there in ZipFile
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lightbox-0.5.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../App_Themes/Default/jquery.lightbox-0.5.css"
media="screen" />
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<table align="center">
<tr>
<td align="center">
<div style="text-decoration: underline; font-size: 20px; color: #FFCB99; font-family: Poor Richard;">
Engagement Pictures</div>
</td>
</tr>
<tr>
<td align="center">
<asp:DataList ID="DListA" runat="server" RepeatColumns="3" CellPadding="5">
<ItemTemplate>
<a class="lightbox" href='../Images/<%# Eval("Name")%>' title='<%#Eval("Description") %>' rel="stylesheet">
<img src="../Images/<%# Eval("Name")%>" width="72" height="72" alt='<%#Eval("Description") %>' />
</a>

</ItemTemplate>
</asp:DataList>
</td>
</tr>
</table>
<script type="text/javascript">
$(function () {
// Use this example, or...
$('a[@rel*=stylesheet]').lightBox(); // Select all links that contains lightbox in the attribute rel
// This, or...
$('#DListA a').lightBox(); // Select all links in object with gallery ID
// This, or...
$('a.lightbox').lightBox(); // Select all links with lightbox class
// This, or...
$('a').lightBox(); // Select all links in the page
// ... The possibility are many. Use your creative or choose one in the examples above
});
</script>
</asp:Content>


Ksuresh, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Ksuresh on: 10/13/2012 [Member] Starter | Points: 25

Up
0
Down
Thanks Packs,

It is working only in FirFox not working in Internet Explorer.

Regards
Suresh

Ksuresh, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response