I have a simple store that I have created following the book "Pro ASP.Net MVC 2 Framework" and in this book there is one table in the db: product.
This table hold the product data (id, name, price, category, image)
There is a sqlrepository that returns a linq table object in the sqlrepository constructor like this:
[Code]....
I need to develop image gallery
Image saved in Folder called Images and image Name , Description saved in Database Table Images.
On Deafault.aspx
Thubnail images should display with out any change in Quality i.e by DataList Control
On Click of Thubnail images Fullview of image with width and height same as image width and height
Next, Previous, Close Buttons on Popup window
I have a ModalPopupExtender control inside accordin control, users can add images, that I sotre the path in database(sql server) and the actual image in physical address inside web server,I automatically resize the image to thumbnail size in C#, when users first connect to the site,the see the thubmnail version of the image,which is much faster to download,and by clicking the thubnail, the hidden asp:pnael is shown with imzge in full size, I use javascript to unhide the panel and also change the image source to actual image,everything works fine in IE, but in Firefox and Chrome, the first time user clicks on thumbnail can not see the full size image,only after couple of time, they see the full size image? what could be the problem?
I am using asp.net ,C# what is the best way to achieve this?
i want to generate thumbnail image from big image and store into separate folder.
View 1 Replieshow can i store image into database and view it in grid view?
View 3 RepliesI want to display the thumbnail image in grid view from file location . how to generate that of .jpeg file
I am using C# language with asp.net
I have an Image control on my page that should display a thumbnail preview of the actual image. The URL property of this control is assigned through the code-behind using:
imgHolder.URL = @table.Row[0].ItemArray[0].ToString();
Before moving my files to another location, this assignment works fine (The files used to be located inside the application folder). But after moving all files to another drive in the same server, the images don't seem to render any longer. I can upload/download files fine but they just won't display as thumbnails on the page.
Does anyone know a free way of doing this in asp.net?
View 4 RepliesI have a working application to save an image file to my sql database (Saves as "Original_Image" in the DB TBL_ImageGallery). I have a file limit on the upload of 1 MB. This also works great and the image is being saved beautifully. I found a bit of an issue. Being i am working on a network with 2 bonded T1 connections the streaming of images to my site, when tested internally, is effortless. I am not sure that this will be the same with a generic bandwidth. I want to store the original image size into the databse (already done) but also store a smaller sized (in bytes not actual size [Width, Height]) to my database in a "ThumbNail" column. This will allow the browser to only have to pass the "Thumbnail" sized image, obviously this needs to be much smaller than the original (ex: 1MB orignal I want to save as 12KB image in the thumbnail column), to the thumbnail img control in the user's interface.
I am not sure if this is possible or if there is a need of third party controls. I am interested in doing this as either a stored procedure or in the C# code on an event fire. There may be a better / other solution to this and if that is the case I am also interested
I want that suppose user upload 2 MB image then from that image i want to generate 1 thumbnail image.To reduce its size , so i can get speed in loading. as my listing page contains many images.so i am getting to much loading time. SO can you tell me how can i compress image or get Thumbnail image?
View 1 RepliesThis is code that reduce our image size in page
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:Image ID="Image1" runat="server" ImageUrl = "~/Jellyfish.jpg" Height = "400px" Width = "400px"/>
[Code] ....
I want use it in Data List ... In my datalist i have 3 image that i bind from DB i want reduce this image size how i can do it with this code?
I have image in my webpage that it has this property width=250px hight:200 and image size :200KB
i want when i put this image in my page with this Property width:100px and hight:100px image size Automatically change EX:100KB how i can do it ?
i am facing a prblem about image resizing.. i know it is a common problem but the scinario is little different here. i have some image in my server image directory and also have their small 128 X 128 sized thumbnail..i show a page with those images like 'facebook photo album' and also linked another page to display them..when a picture is clicked it refferd to that page and that page loads the full sized original image along with picture comments bla bla..., the page width is fixed to 1024px, and the div's width is 800px max which contains the <asp:image..../>; that shows the full sized image. here the problem comes, when a original sized picture is greater that 800px then the remaining part of the picture is croped !! i know it will happen.. that is why i planned to show a thumbnail like pic which's size will be 800px max and link the page with a pop up java script page which will contain the full sized picture only. the problem is i can't resize the picture in a limit of 800px on fly.
View 8 RepliesI am creating a gallery of thumbnail pictures and when a user clicks one I need to show the full image. What I was going to do was on click set a varible for that picture and open ViewImage.aspx what would load that image big until I discover and ImageBox doesn't have a click event. Whats the best way of acheiving showing a large image simply from clicking a thumbnail?
View 1 RepliesI am looking c# code which creates better quality higher resolution thumbnail image. i am having an image of dimension(600 * 900) and i need to create thumbnail of dimension (100 * 100) with high quality.
View 3 RepliesI want to get thumbnail image from embedded videos of myspace, break.com, flickr.com etc using C#.net
View 4 RepliesFor example, i have this ImageViewer.ascx UserControl:
<div class="ImageTumbnails">
<asp:ListView ID="ImageList" runat="server" ItemPlaceholderID="ItemContainer">
<LayoutTemplate>
<asp:PlaceHolder ID="ItemContainer" runat="server" />
</LayoutTemplate>
<ItemTemplate>
<asp:HyperLink runat="server"
NavigateUrl='<%# Link.ToProductImage(Eval("ImageFile").ToString())%>'>
<asp:Image runat="server" ImageUrl='<%# Link.ToThumbnail(Eval("ImageFile").ToString()) %>' />
</asp:HyperLink>
</ItemTemplate>
</asp:ListView>
</div>
<div class="ImageBig">
<asp:Image ID="ProductImageBig" runat="server" ImageUrl="" />
</div>
When the thumbnail is clicked it will change the source of ProductImageBig with its hyperlink target. How can i achieve this using UpdatePanel? (Or will i be able to)
I have a requirement where i need to upload image files and display them as thumbnails on webpage. when clicked on thumbnial image the orginal uploaded image must display.iam in great confusion whether to make thumbnails dinamically on the fly when retrieving the orginal image or make thumbnails and save them to saperatefolder when uploading and save orginal image to another folder.
View 5 RepliesIn my project there is webhandler to create image and display it in all pages of site like below.
<img id="imgpro" runat="server" ImageUrl="/images/imagedisplay.ashx?ID=<%#Eval("ID") %>&Table=ProductPhotos&Thumbnail=true&DefaultImage=true" AlternateText="<%#Eval("Name") %>" />
Now I want to create a thumbnail from image which will create from above line code.
i don't want to change the code for webhandler because it will reflect in all other pages.
how can i create thumbnail from that image in particular page in which webhandler called.
I used below code for uploading image and show in image control with thumpnail metod for reducing image size:
protected void BtnUpload_Click(object sender, EventArgs e)
{
string path = Server.MapPath(".") + "../image/House/product";
string filename = System.IO.Path.GetFileName(fup1.PostedFile.FileName);
string[] validext = { ".jpg", ".png" };
string ext = System.IO.Path.GetExtension(fup1.PostedFile.FileName);
if (Array.IndexOf(validext, ext.ToLower()) < 0)
[Code]...
It save original image in host, now I want it save image that reduce size with GetThumpnail metod in other place How I can do it?
I am using a fileupload tool and an asp button. I want to upload image using fileupload, save it in a folder named images in my website and create its thumbnail view on the same page using VB.
View 1 RepliesI am using Facebook Like on a page in my website. On that page in left side there is banner image (in .jpg) and then 40 colors images(.jpg). My problem is that when i like facebook then in like thumbnail that banner image is showing. I want to show any color's image in thumbmail when i like facebook.
I also used <meta property="og:image" id="meta1" runat="server" content="" /> on my .aspx page and gave the meta1.content="Path of that color image"; in .aspx.cs. But it is not working.
I display images from database, suppose image is not upload means display the none image in datalist...
View 1 RepliesI've got:
<asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl='<%# "PropertyDetails.aspx?propertyId=" & Eval("propertyId").tostring %>'><asp:Literal ID="Image1" runat="server" Text='<%# Eval("imageId", "<img src=""images/properties/{0}_thumb") %>' /><asp:Literal ID="Image2" runat="server" Text='<%# Eval("imageFormat", "{0}"" alt="""">") %>' /></asp:hyperlink>
which displays an image from my db.
However, if there is not an image - e.g. if my property record doesn't have any images associated with it, I would like to display a default thumbnail.
Have a look at this link.Web pageIf I want to have this kind of speed in my page load which consists of many thumbnail images. It that image is stored in database or in file system.What measures to take to achive this kind of speed like indexing, denormalization, caching and what else?
View 7 Replies
