I 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 Replies
For 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 am using datalist with one image in item template.
I wanna show large image whenever I hover mouse on it without using java script.
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 am creating a website where users can upload a profile picture. When a photo is uploaded I am resizing it and generating two new files one for a thumbnail view and one for a large view. Both photos are stored in the same folder and the file names are stored in to two different columns in an SQL table against the users membership account. The two new files use the following naming convention:
Random_name_small.jpg
Random_name_large.jpg
I am then using a grid view with a custom template and an image button to display the Random_name_small.jpg. What I would like to do is when some clicks on this thumbnail photo to then display the associated Random_name_large.jpg. From the SQL select command I am reading both the Random_name_small.jpg and Random_name_large.jpg and then binding Random_name_small.jpg to the image button. Can this be done using the details view or should I be rewriting the code manually to display these images.
I am using vs 2008 in asp.net.. I have a field of [product_pic] which is 'varchar(50)' in my table.. my problem how can i show the image in datagridview? I can only the text which is the file name of the image..
View 2 RepliesWhen installing an Umbraco site, I changed my umbraco admin url from '/umbraco/' to '/myadminurl/', even before I went through the install process.
Just like it's documented, I changed in the web.config the keys 'umbracoReservedPaths' and 'umbracoPath' to match my new admin url.
Installed and everything is working fine, except for one thing: All the nodes in the trees in all sections aren't showing any thumbnails. There used to be a win folder thumb before each tree node, but now it's just empty, except for the 'packages' node in the developer section, and for the recycle bin thumb.
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 want to make a website which showing thumbnail images be taken from local folder,say,'thumbnails' inside the root folder like listview items.Below each thumbnails,the name of the file would be displayed with check boxes for selecting any thumbnail images.Clicking on any thumbnails will redirect to another page where the thumbnails and the original image(with the same name in some other local folder say 'Original') would be displayed.
View 3 RepliesI 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 want to generate thumbnail image from big image and store into separate folder.
View 1 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 am using a Webgrid as part of an MVC 3 app. The weird thing is the first display of the page with the grid displays fine but when I click on a heading to sort, the grid is not displayed as part of the page when I am running under the web server provided by the VS 2010 installation. When I do a View Source of that page, all of the grid stuff (as table elements) is there to be displayed. It just does not show up in the browser. So, I wrote the html to a file and copied the javascript and css files to the same folder and then ran the file under IE and everything displays as it should.
View 1 RepliesI 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 ?
[URL].... I got correct code .. but image is not stable on mouse over.... little bit flying...
and on mouse out still previous image will display.....
Requirement:
I have grid with some product details.. like product id ,price,description. on mouse over of each row. should display a image of particular product thumb nail..
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 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 RepliesI 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.
