how to display images in gridview from sql and display like gallery?

Question

1.00/5 (1 vote)

See more:

SQL-Server-2005

, +

hi in my project am displaying all images in grid for tablet screen..when i select images i should display related to that image details. i mean like Property.when they select property for that property details should display in new window or in same window.?
how can i do this..can any one suggest me?using telerik or ajax?

thank you.

Posted 23-Feb-13 22:57pm

ythisbug

Updated 27-Feb-13 18:48pm

v3

Add a Solution

Comments

Asim Mahmood 24-Feb-13 5:55am

Why you are not using jQuery?

ythisbug 24-Feb-13 6:30am

k can u give me any examples?

Asim Mahmood 24-Feb-13 8:17am

Example of PopUp.

http://tech.pro/tutorial/1006/jquery-ui-using-dialogs-for-image-popups

ythisbug 28-Feb-13 0:45am

thanks for your artical..

Asim Mahmood 28-Feb-13 1:27am

no thanks dear just chill

ythisbug 28-Feb-13 1:34am

k.but that link.but i want to display from sql .

Asim Mahmood 28-Feb-13 1:47am

http://www.codeproject.com/Articles/271590/Show-an-image-saved-in-a-SQL-Table-on-an-ASP-Net-I

this is best example to show image from DB create and for popup you implemetn following logic
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<title>Tempate</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.preview {
position : relative;
display : inline-block;
}
.preview img {
border : none;
}
.preview .large {
position : absolute;
left : 120%;
top : 120%;
display : none;
/* Removing the alpha filter to save memory */
filter : none;
}

.preview:hover {
/* This is very important, otherwise the hover effect won't work in IE 6 since IE's bug */
background-color : transparent;
}

.preview:hover .large {
display : block;
/* This is very important, otherwise the hover effect won't work in IE 6 since IE's bug */
filter : alpha ( opacity = 100);
}
</style>
</head>
<body>
<img src='small.jpg' /><img class='large' src='large.jpg' />
</body>
</html>

ythisbug 7-Mar-13 0:01am

thank you.but i want to fetch records from database..how can i do that..?

Asim Mahmood 7-Mar-13 2:07am

how to display database image
http://www.codedigest.com/Articles/ASPNET/119_New_Image_Generator_control_in_ASPNet_35.aspx

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)